vite-pages-theme-basic
Version:
**This theme is deprecated. Please use vite-pages-theme-doc instead.**
140 lines • 7.71 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultMenu = exports.Layout = exports.createTheme = void 0;
const react_1 = __importStar(require("react"));
const client_1 = require("vite-plugin-react-pages/client");
const layout_1 = __importDefault(require("./layout"));
exports.Layout = layout_1.default;
const MDX_1 = __importDefault(require("./layout/MDX"));
function createTheme({ topNavs, logo, sideMenuData, footer, topbarOperations, search = true, } = {}) {
const Theme = ({ loadedData, loadState }) => {
var _a, _b;
const staticData = (0, client_1.useStaticData)();
console.log('#Theme', staticData, loadedData, loadState);
const menu = (0, react_1.useMemo)(() => {
return sideMenuData !== null && sideMenuData !== void 0 ? sideMenuData : defaultMenu(staticData);
}, [sideMenuData, staticData]);
if (loadState.type === 'loading') {
return (react_1.default.createElement(layout_1.default, { sideMenuData: menu, topNavs: topNavs !== null && topNavs !== void 0 ? topNavs : [], logo: logo, path: loadState.routePath, footer: footer, topbarOperations: topbarOperations, pagesStaticData: staticData, search: search },
react_1.default.createElement("p", null, "initial Loading...")));
}
if (loadState.type === 'load-error') {
return (react_1.default.createElement(layout_1.default, { sideMenuData: menu, topNavs: topNavs !== null && topNavs !== void 0 ? topNavs : [], logo: logo, path: loadState.routePath, footer: footer, topbarOperations: topbarOperations, pagesStaticData: staticData, search: search },
react_1.default.createElement("p", null, "Load error")));
}
if (loadState.type === '404') {
const Comp404 = (_b = (_a = loadedData['/404']) === null || _a === void 0 ? void 0 : _a.main) === null || _b === void 0 ? void 0 : _b.default;
return (react_1.default.createElement(layout_1.default, { sideMenuData: menu, topNavs: topNavs !== null && topNavs !== void 0 ? topNavs : [], logo: logo, path: loadState.routePath, footer: footer, topbarOperations: topbarOperations, pagesStaticData: staticData, search: search }, Comp404 ? react_1.default.createElement(Comp404, null) : react_1.default.createElement("p", null, "Page not found.")));
}
if (loadState.type !== 'loaded') {
return react_1.default.createElement("p", null,
"Unknown load loadState: ",
loadState.type);
}
const pageData = loadedData[loadState.routePath];
const pageStaticData = staticData[loadState.routePath];
const isComposedPage = Object.keys(pageData).length > 1;
let body;
if (isComposedPage) {
body = Object.entries(pageData)
.filter(([key]) => !!pageStaticData[key])
.sort(([key1], [key2]) => {
// README should be the first section
if (key1 === 'README')
return -1;
if (key2 === 'README')
return 1;
return key1.localeCompare(key2);
})
.map(([key, dataPart], idx) => {
const isREADME = key === 'README';
const ContentComp = dataPart.default;
const pageStaticDataPart = pageStaticData[key];
const MdWrap = pageStaticDataPart.sourceType === 'md' ? MDX_1.default : react_1.default.Fragment;
const content = (react_1.default.createElement(MdWrap, null,
react_1.default.createElement(ContentComp, null)));
return (react_1.default.createElement("section", { style: { marginBottom: '40px' }, key: idx },
!isREADME && react_1.default.createElement("h2", null, pageStaticDataPart.title),
pageStaticDataPart.description && (react_1.default.createElement("p", null, pageStaticDataPart.description)),
content));
});
}
else {
body = Object.entries(pageData)
.filter(([key]) => !!pageStaticData[key])
.map(([key, dataPart], idx) => {
const ContentComp = dataPart.default;
const pageStaticDataPart = pageStaticData[key];
const MdWrap = pageStaticDataPart.sourceType === 'md' ? MDX_1.default : react_1.default.Fragment;
const content = (react_1.default.createElement(MdWrap, null,
react_1.default.createElement(ContentComp, null)));
return react_1.default.createElement("div", { key: idx }, content);
});
}
return (react_1.default.createElement(layout_1.default, { sideMenuData: menu, topNavs: topNavs !== null && topNavs !== void 0 ? topNavs : [], logo: logo, path: loadState.routePath, footer: footer, topbarOperations: topbarOperations, pagesStaticData: staticData, search: search }, body));
};
return Theme;
}
exports.createTheme = createTheme;
function defaultMenu(pages) {
return (Object.entries(pages)
// These special pages should not be showed in side menu
.filter(([path, staticData]) => path !== '/404' && !path.match(/\/:[^/]+/) && !staticData.hideInMenu)
.sort((a, b) => {
var _a, _b;
const [pathA, staticDataA] = a;
const [pathB, staticDataB] = b;
let ASort;
let BSort;
if (staticDataA.sort !== undefined)
ASort = Number(staticDataA.sort);
else if (((_a = staticDataA.main) === null || _a === void 0 ? void 0 : _a.sort) !== undefined)
ASort = Number(staticDataA.main.sort);
else
ASort = 1;
if (staticDataB.sort !== undefined)
BSort = Number(staticDataB.sort);
else if (((_b = staticDataB.main) === null || _b === void 0 ? void 0 : _b.sort) !== undefined)
BSort = Number(staticDataB.main.sort);
else
BSort = 1;
if (ASort !== BSort)
return ASort - BSort;
return pathA.localeCompare(pathB);
})
.map(([path, staticData]) => {
var _a, _b, _c;
return {
path,
text: (_c = (_a = staticData.title) !== null && _a !== void 0 ? _a : (_b = staticData.main) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : path,
};
}));
}
exports.defaultMenu = defaultMenu;
//# sourceMappingURL=index.js.map