mdts 0.10.0 → 0.11.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/frontend/bundle.js +45 -23
- package/dist/frontend/index.html +1 -0
- package/dist/frontend/markdown.css +12 -9
- package/dist/server/config.js +3 -1
- package/package.json +1 -1
package/dist/frontend/bundle.js
CHANGED
|
@@ -16796,17 +16796,6 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
16796
16796
|
|
|
16797
16797
|
/***/ }),
|
|
16798
16798
|
|
|
16799
|
-
/***/ "./node_modules/react-syntax-highlighter/dist/esm/styles/prism/holi-theme.js":
|
|
16800
|
-
/*!***********************************************************************************!*\
|
|
16801
|
-
!*** ./node_modules/react-syntax-highlighter/dist/esm/styles/prism/holi-theme.js ***!
|
|
16802
|
-
\***********************************************************************************/
|
|
16803
|
-
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
16804
|
-
|
|
16805
|
-
"use strict";
|
|
16806
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n \"code[class*='language-']\": {\n \"color\": \"#d6e7ff\",\n \"background\": \"#030314\",\n \"textShadow\": \"none\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"fontSize\": \"1em\",\n \"lineHeight\": \"1.5\",\n \"letterSpacing\": \".2px\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"textAlign\": \"left\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\"\n },\n \"pre[class*='language-']\": {\n \"color\": \"#d6e7ff\",\n \"background\": \"#030314\",\n \"textShadow\": \"none\",\n \"fontFamily\": \"Consolas, Monaco, \\\"Andale Mono\\\", \\\"Ubuntu Mono\\\", monospace\",\n \"fontSize\": \"1em\",\n \"lineHeight\": \"1.5\",\n \"letterSpacing\": \".2px\",\n \"whiteSpace\": \"pre\",\n \"wordSpacing\": \"normal\",\n \"wordBreak\": \"normal\",\n \"wordWrap\": \"normal\",\n \"textAlign\": \"left\",\n \"MozTabSize\": \"4\",\n \"OTabSize\": \"4\",\n \"tabSize\": \"4\",\n \"WebkitHyphens\": \"none\",\n \"MozHyphens\": \"none\",\n \"msHyphens\": \"none\",\n \"hyphens\": \"none\",\n \"border\": \"1px solid #2a4555\",\n \"borderRadius\": \"5px\",\n \"padding\": \"1.5em 1em\",\n \"margin\": \"1em 0\",\n \"overflow\": \"auto\"\n },\n \"pre[class*='language-']::-moz-selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"pre[class*='language-'] ::-moz-selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"code[class*='language-']::-moz-selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"code[class*='language-'] ::-moz-selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"pre[class*='language-']::selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"pre[class*='language-'] ::selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"code[class*='language-']::selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \"code[class*='language-'] ::selection\": {\n \"color\": \"inherit\",\n \"background\": \"#1d3b54\",\n \"textShadow\": \"none\"\n },\n \":not(pre) > code[class*='language-']\": {\n \"color\": \"#f0f6f6\",\n \"background\": \"#2a4555\",\n \"padding\": \"0.2em 0.3em\",\n \"borderRadius\": \"0.2em\",\n \"boxDecorationBreak\": \"clone\"\n },\n \"comment\": {\n \"color\": \"#446e69\"\n },\n \"prolog\": {\n \"color\": \"#446e69\"\n },\n \"doctype\": {\n \"color\": \"#446e69\"\n },\n \"cdata\": {\n \"color\": \"#446e69\"\n },\n \"punctuation\": {\n \"color\": \"#d6b007\"\n },\n \"property\": {\n \"color\": \"#d6e7ff\"\n },\n \"tag\": {\n \"color\": \"#d6e7ff\"\n },\n \"boolean\": {\n \"color\": \"#d6e7ff\"\n },\n \"number\": {\n \"color\": \"#d6e7ff\"\n },\n \"constant\": {\n \"color\": \"#d6e7ff\"\n },\n \"symbol\": {\n \"color\": \"#d6e7ff\"\n },\n \"deleted\": {\n \"color\": \"#d6e7ff\"\n },\n \"selector\": {\n \"color\": \"#e60067\"\n },\n \"attr-name\": {\n \"color\": \"#e60067\"\n },\n \"builtin\": {\n \"color\": \"#e60067\"\n },\n \"inserted\": {\n \"color\": \"#e60067\"\n },\n \"string\": {\n \"color\": \"#49c6ec\"\n },\n \"char\": {\n \"color\": \"#49c6ec\"\n },\n \"operator\": {\n \"color\": \"#ec8e01\",\n \"background\": \"transparent\"\n },\n \"entity\": {\n \"color\": \"#ec8e01\",\n \"background\": \"transparent\"\n },\n \"url\": {\n \"color\": \"#ec8e01\",\n \"background\": \"transparent\"\n },\n \".language-css .token.string\": {\n \"color\": \"#ec8e01\",\n \"background\": \"transparent\"\n },\n \".style .token.string\": {\n \"color\": \"#ec8e01\",\n \"background\": \"transparent\"\n },\n \"atrule\": {\n \"color\": \"#0fe468\"\n },\n \"attr-value\": {\n \"color\": \"#0fe468\"\n },\n \"keyword\": {\n \"color\": \"#0fe468\"\n },\n \"function\": {\n \"color\": \"#78f3e9\"\n },\n \"class-name\": {\n \"color\": \"#78f3e9\"\n },\n \"regex\": {\n \"color\": \"#d6e7ff\"\n },\n \"important\": {\n \"color\": \"#d6e7ff\"\n },\n \"variable\": {\n \"color\": \"#d6e7ff\"\n }\n});\n\n//# sourceURL=webpack://@mdts/frontend/./node_modules/react-syntax-highlighter/dist/esm/styles/prism/holi-theme.js?\n}");
|
|
16807
|
-
|
|
16808
|
-
/***/ }),
|
|
16809
|
-
|
|
16810
16799
|
/***/ "./node_modules/react-syntax-highlighter/dist/esm/styles/prism/hopscotch.js":
|
|
16811
16800
|
/*!**********************************************************************************!*\
|
|
16812
16801
|
!*** ./node_modules/react-syntax-highlighter/dist/esm/styles/prism/hopscotch.js ***!
|
|
@@ -17892,7 +17881,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
17892
17881
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
17893
17882
|
|
|
17894
17883
|
"use strict";
|
|
17895
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material/GitHub */ \"./node_modules/@mui/icons-material/esm/GitHub.js\");\n/* harmony import */ var _mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/Settings */ \"./node_modules/@mui/icons-material/esm/Settings.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/AppBar/AppBar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tooltip/Tooltip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Link/Link.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);\n\n\n\n\nconst AppHeader = ({\n handleFileSelect,\n onSettingsClick\n}) => {\n const handleFileSelectClick = (0,react__WEBPACK_IMPORTED_MODULE_8__.useCallback)(() => {\n handleFileSelect('');\n }, [handleFileSelect]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n position: \"static\",\n elevation: 0,\n sx: {\n bgcolor: 'background.paper',\n color: 'text.primary',\n borderBottom: '1px solid ',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n flexGrow: 1\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Top page\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n disableRipple: true,\n onClick: handleFileSelectClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(\"
|
|
17884
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material/GitHub */ \"./node_modules/@mui/icons-material/esm/GitHub.js\");\n/* harmony import */ var _mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/icons-material/Settings */ \"./node_modules/@mui/icons-material/esm/Settings.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/AppBar/AppBar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Toolbar/Toolbar.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tooltip/Tooltip.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/IconButton/IconButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Link/Link.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _Logo__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Logo */ \"./src/components/Logo.tsx\");\n\n\n\n\n\nconst AppHeader = ({\n handleFileSelect,\n onSettingsClick\n}) => {\n const handleFileSelectClick = (0,react__WEBPACK_IMPORTED_MODULE_8__.useCallback)(() => {\n handleFileSelect('');\n }, [handleFileSelect]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n position: \"static\",\n elevation: 0,\n sx: {\n bgcolor: 'background.paper',\n color: 'text.primary',\n borderBottom: '1px solid ',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n flexGrow: 1\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Top page\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n disableRipple: true,\n onClick: handleFileSelectClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(\"div\", {\n style: {\n height: '56px',\n marginTop: '-8px',\n marginLeft: '-16px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_Logo__WEBPACK_IMPORTED_MODULE_9__[\"default\"], null))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Settings\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n sx: {\n mr: 2\n },\n onClick: onSettingsClick,\n color: \"inherit\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_Settings__WEBPACK_IMPORTED_MODULE_1__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"GitHub Repository\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n color: \"inherit\",\n href: \"https://github.com/unhappychoice/mdts\",\n target: \"_blank\",\n rel: \"noopener\",\n sx: {\n mr: 2\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_icons_material_GitHub__WEBPACK_IMPORTED_MODULE_0__[\"default\"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n sx: {\n fontSize: '0.9rem',\n pt: '2px',\n fontFamily: 'monospace'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n title: \"Changelog\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n href: \"https://github.com/unhappychoice/mdts/blob/main/CHANGELOG.md\",\n target: \"_blank\",\n rel: \"noopener\"\n }, \"v\", \"0.11.0\")))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppHeader);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/AppHeader.tsx?\n}");
|
|
17896
17885
|
|
|
17897
17886
|
/***/ }),
|
|
17898
17887
|
|
|
@@ -17925,7 +17914,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
17925
17914
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
17926
17915
|
|
|
17927
17916
|
"use strict";
|
|
17928
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/FolderOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/CircularProgress/CircularProgress.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../store/slices/fileTreeSlice */ \"./src/store/slices/fileTreeSlice.ts\");\n/* harmony import */ var
|
|
17917
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/FolderOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Divider/Divider.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/CircularProgress/CircularProgress.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../store/slices/fileTreeSlice */ \"./src/store/slices/fileTreeSlice.ts\");\n/* harmony import */ var _ErrorView__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../ErrorView */ \"./src/components/ErrorView.tsx\");\n/* harmony import */ var _BreadCrumb__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../BreadCrumb */ \"./src/components/Content/BreadCrumb.tsx\");\n/* harmony import */ var _FileTreeList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./FileTreeList */ \"./src/components/Content/DirectoryContent/FileTreeList.tsx\");\n\n\n\n\n\n\n\n\nconst DirectoryContent = ({\n onFileSelect,\n onDirectorySelect\n}) => {\n const {\n currentPath\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useSelector)(state => state.appSetting);\n const {\n fileTree: fullFileTree,\n loading,\n error\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_6__.useSelector)(state => state.fileTree);\n const fileTree = (0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_7__.selectFilteredFileTree)(fullFileTree, currentPath);\n const handleItemClick = (0,react__WEBPACK_IMPORTED_MODULE_5__.useCallback)((itemPath, isDirectory) => {\n if (isDirectory) {\n onDirectorySelect(itemPath);\n } else {\n onFileSelect(itemPath);\n }\n }, [onDirectorySelect, onFileSelect]);\n if (error) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_ErrorView__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n error: error\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n width: '100%',\n minHeight: 'calc(100vh - 64px)',\n m: 0,\n p: 4,\n bgcolor: 'background.paper',\n ...(contentMode === 'compact' && {\n width: '800px',\n margin: '0 auto'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_BreadCrumb__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n onDirectorySelect: onDirectorySelect\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mb: 4\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n mr: 2\n },\n color: \"primary\",\n fontSize: \"large\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n variant: \"h4\",\n gutterBottom: true,\n sx: {\n mb: 0\n }\n }, currentPath)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n sx: {\n paddingLeft: '24px',\n marginLeft: '-32px',\n marginRight: '-32px',\n borderBottom: 1,\n borderColor: 'divider'\n }\n }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n height: '200px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n mt: 4\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default().createElement(_FileTreeList__WEBPACK_IMPORTED_MODULE_10__.FileTreeList, {\n fileTree: fileTree,\n handleItemClick: handleItemClick\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DirectoryContent);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/DirectoryContent/DirectoryContent.tsx?\n}");
|
|
17929
17918
|
|
|
17930
17919
|
/***/ }),
|
|
17931
17920
|
|
|
@@ -17947,7 +17936,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
17947
17936
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
17948
17937
|
|
|
17949
17938
|
"use strict";
|
|
17950
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/ArticleOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Chip/Chip.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/useFrontmatter */ \"./src/hooks/useFrontmatter.ts\");\n/* harmony import */ var _hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/useViewMode */ \"./src/hooks/useViewMode.ts\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n/* harmony import */ var
|
|
17939
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_icons_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/icons-material */ \"./node_modules/@mui/icons-material/esm/ArticleOutlined.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Chip/Chip.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/useFrontmatter */ \"./src/hooks/useFrontmatter.ts\");\n/* harmony import */ var _hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/useViewMode */ \"./src/hooks/useViewMode.ts\");\n/* harmony import */ var _store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../store/slices/contentSlice */ \"./src/store/slices/contentSlice.ts\");\n/* harmony import */ var _ErrorView__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../ErrorView */ \"./src/components/ErrorView.tsx\");\n/* harmony import */ var _BreadCrumb__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../BreadCrumb */ \"./src/components/Content/BreadCrumb.tsx\");\n/* harmony import */ var _MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./MarkdownContentTabs */ \"./src/components/Content/MarkdownContent/MarkdownContentTabs.tsx\");\n/* harmony import */ var _MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./MarkdownContentView */ \"./src/components/Content/MarkdownContent/MarkdownContentView.tsx\");\n\n\n\n\n\n\n\n\n\n\n\nconst MarkdownContent = ({\n scrollToId,\n onDirectorySelect\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useDispatch)();\n const {\n currentPath\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.history);\n const {\n contentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.appSetting);\n const {\n content,\n loading: contentLoading,\n error\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.content);\n const {\n loading: fileTreeLoading\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.fileTree);\n const {\n fontFamily\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_5__.useSelector)(state => state.config);\n const {\n frontmatter,\n markdownContent\n } = (0,_hooks_useFrontmatter__WEBPACK_IMPORTED_MODULE_6__.useFrontmatter)(content);\n const viewMode = (0,_hooks_useViewMode__WEBPACK_IMPORTED_MODULE_7__.useViewMode)();\n const loading = contentLoading || fileTreeLoading;\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n dispatch((0,_store_slices_contentSlice__WEBPACK_IMPORTED_MODULE_8__.fetchContent)(currentPath));\n }, [dispatch, currentPath]);\n (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {\n if (scrollToId) {\n const element = document.getElementById(scrollToId);\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n }\n }, [scrollToId, content]);\n const displayFileName = frontmatter.title ? String(frontmatter.title) : currentPath ? currentPath.split('/').pop() : loading ? '' : '🎉 Welcome to mdts!';\n const hasFrontmatter = Object.keys(frontmatter).length > 0;\n if (error) {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_ErrorView__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n error: error\n });\n }\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n width: '100%',\n minHeight: 'calc(100vh - 64px)',\n m: 0,\n p: 4,\n bgcolor: 'background.paper',\n ...(contentMode === 'compact' && {\n width: '800px',\n margin: '0 auto',\n borderRight: '1px solid',\n borderLeft: '1px solid',\n borderColor: 'divider'\n })\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_BreadCrumb__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n onDirectorySelect: onDirectorySelect\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mb: 4\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_icons_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n mr: 2\n },\n fontSize: \"large\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n variant: \"h4\",\n gutterBottom: true,\n sx: {\n mb: 0\n }\n }, displayFileName)), frontmatter.tags && Array.isArray(frontmatter.tags) && frontmatter.tags.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.tags.map(tag => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: tag,\n label: tag,\n size: \"small\"\n }))), frontmatter.categories && Array.isArray(frontmatter.categories) && frontmatter.categories.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n display: 'flex',\n gap: 1,\n mb: 2\n }\n }, frontmatter.categories.map(category => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n key: category,\n label: category,\n size: \"small\"\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentTabs__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n viewMode: viewMode,\n hasFrontmatter: hasFrontmatter\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n fontFamily: fontFamily\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_MarkdownContentView__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n loading: loading,\n viewMode: viewMode,\n content: content,\n frontmatter: frontmatter,\n markdownContent: markdownContent\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MarkdownContent);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/MarkdownContent/MarkdownContent.tsx?\n}");
|
|
17951
17940
|
|
|
17952
17941
|
/***/ }),
|
|
17953
17942
|
|
|
@@ -17980,7 +17969,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
17980
17969
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
17981
17970
|
|
|
17982
17971
|
"use strict";
|
|
17983
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-syntax-highlighter */ \"./node_modules/react-syntax-highlighter/dist/esm/prism-async-light.js\");\n/* harmony import */ var
|
|
17972
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-syntax-highlighter */ \"./node_modules/react-syntax-highlighter/dist/esm/prism-async-light.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../constants */ \"./src/constants.ts\");\n/* harmony import */ var _hooks_useSyntaxHighlighterTheme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../hooks/useSyntaxHighlighterTheme */ \"./src/hooks/useSyntaxHighlighterTheme.ts\");\n/* harmony import */ var _MermaidRenderer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./MermaidRenderer */ \"./src/components/Content/MarkdownContent/MarkdownRenderer/MermaidRenderer.tsx\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n\n\n\n\n\n\nconst MarkdownCode = ({\n inline,\n className,\n children,\n ...props\n}) => {\n const {\n fontFamilyMonospace,\n syntaxHighlighterTheme\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.config);\n const syntaxHighlighterStyle = (0,_hooks_useSyntaxHighlighterTheme__WEBPACK_IMPORTED_MODULE_4__.useSyntaxHighlighterTheme)(syntaxHighlighterTheme);\n const match = /language-(\\w+)/.exec(className || '');\n if (match && match[1] === 'mermaid') {\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MermaidRenderer__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n chart: String(children).replace(/\\n$/, '')\n });\n }\n return !inline && match ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_2__[\"default\"], _extends({\n style: syntaxHighlighterStyle,\n className: 'syntax-highlighter',\n customStyle: {\n margin: 0\n },\n showLineNumbers: true,\n language: match[1],\n codeTagProps: {\n style: {\n fontFamily: fontFamilyMonospace\n }\n },\n PreTag: \"div\"\n }, props), String(children).replace(/\\n$/, '')) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"code\", _extends({}, props, {\n className: className,\n style: {\n color: _constants__WEBPACK_IMPORTED_MODULE_3__.SYNTAX_HIGHLIGHTER_THEMES.find(theme => theme.value === syntaxHighlighterTheme)?.type === 'light' ? 'rgba(0, 0, 0, .87)' : '#fff',\n fontFamily: fontFamilyMonospace,\n backgroundColor: _constants__WEBPACK_IMPORTED_MODULE_3__.SYNTAX_HIGHLIGHTER_THEMES.find(theme => theme.value === syntaxHighlighterTheme)?.color,\n borderRadius: '4px'\n }\n }), children);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MarkdownCode);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Content/MarkdownContent/MarkdownRenderer/MarkdownCode.tsx?\n}");
|
|
17984
17973
|
|
|
17985
17974
|
/***/ }),
|
|
17986
17975
|
|
|
@@ -18035,7 +18024,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18035
18024
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18036
18025
|
|
|
18037
18026
|
"use strict";
|
|
18038
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var
|
|
18027
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store/slices/fileTreeSlice */ \"./src/store/slices/fileTreeSlice.ts\");\n/* harmony import */ var _FileTreeContent_FileTreeContent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./FileTreeContent/FileTreeContent */ \"./src/components/LeftPane/FileTreeContent/FileTreeContent.tsx\");\n/* harmony import */ var _FileTreeHeader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./FileTreeHeader */ \"./src/components/LeftPane/FileTreeHeader.tsx\");\n/* harmony import */ var _FileTreeSearch__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FileTreeSearch */ \"./src/components/LeftPane/FileTreeSearch.tsx\");\n\n\n\n\n\n\n\nconst FileTree = ({\n onFileSelect,\n isOpen,\n onToggle\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n const theme = (0,_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n const {\n fileTree,\n filteredFileTree,\n loading,\n error,\n searchQuery,\n expandedNodes\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(state => state.fileTree);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.fetchFileTree)());\n }, [dispatch]);\n const handleSearchChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(event => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.setSearchQuery)(event.target.value));\n }, [dispatch]);\n const handleClearSearch = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.setSearchQuery)(''));\n }, [dispatch]);\n const handleExpandAllClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.expandAllNodes)(fileTree));\n }, [dispatch, fileTree]);\n const handleCollapseAll = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(() => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.setExpandedNodes)([]));\n }, [dispatch]);\n const handleExpandedItemsChange = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)((event, itemIds) => {\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.setExpandedNodes)(itemIds));\n }, [dispatch]);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {\n if (!searchQuery) return;\n const newExpanded = [];\n const collectExpandedPaths = (items, parentPath = '') => {\n items.forEach(item => {\n if (!('path' in item)) {\n // It's a folder\n const key = Object.keys(item)[0];\n const value = item[key];\n const currentPath = parentPath ? `${parentPath}/${key}` : key;\n if (!newExpanded.includes(currentPath)) {\n newExpanded.push(currentPath);\n }\n if (Array.isArray(value)) {\n collectExpandedPaths(value, currentPath);\n }\n }\n });\n };\n if (filteredFileTree) {\n collectExpandedPaths(filteredFileTree);\n }\n dispatch((0,_store_slices_fileTreeSlice__WEBPACK_IMPORTED_MODULE_4__.setExpandedNodes)(newExpanded));\n }, [searchQuery, filteredFileTree, dispatch]);\n const overlay = theme.palette.mode === 'dark' ? 'rgba(16, 16, 16, 0.01)' : 'rgba(192, 192, 192, 0.01)';\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n width: isOpen ? '300px' : '66px',\n background: `linear-gradient(135deg, ${overlay} 0%, ${theme.palette.background.paper} 100%)`,\n py: 2,\n borderRight: '1px solid',\n borderColor: 'divider',\n minHeight: '100%',\n flexShrink: 0\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_FileTreeHeader__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n isOpen: isOpen,\n onToggle: onToggle,\n onExpandAllClick: handleExpandAllClick,\n onCollapseAll: handleCollapseAll\n }), isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_FileTreeSearch__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n searchQuery: searchQuery,\n onSearchChange: handleSearchChange,\n onClearSearch: handleClearSearch\n }), isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_FileTreeContent_FileTreeContent__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n filteredFileTree: filteredFileTree,\n loading: loading,\n error: error,\n expandedNodes: expandedNodes,\n onFileSelect: onFileSelect,\n onExpandedItemsChange: handleExpandedItemsChange,\n dispatch: dispatch\n }));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FileTree);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/LeftPane/FileTree.tsx?\n}");
|
|
18039
18028
|
|
|
18040
18029
|
/***/ }),
|
|
18041
18030
|
|
|
@@ -18127,6 +18116,17 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18127
18116
|
|
|
18128
18117
|
/***/ }),
|
|
18129
18118
|
|
|
18119
|
+
/***/ "./src/components/Logo.tsx":
|
|
18120
|
+
/*!*********************************!*\
|
|
18121
|
+
!*** ./src/components/Logo.tsx ***!
|
|
18122
|
+
\*********************************/
|
|
18123
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18124
|
+
|
|
18125
|
+
"use strict";
|
|
18126
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n\n\nconst Logo = () => {\n const theme = (0,_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n const color = theme.palette.primary.main;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"svg\", {\n viewBox: \"0 0 180 100\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: {\n width: 'auto',\n height: '100%'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"defs\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"linearGradient\", {\n id: \"grad\",\n x1: \"0\",\n y1: \"0\",\n x2: \"1\",\n y2: \"1\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"stop\", {\n offset: \"0%\",\n stopColor: color\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"stop\", {\n offset: \"100%\",\n stopColor: color\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"style\", null, `\n .text {\n font-family: 'Segoe UI', 'Arial', sans-serif;\n font-size: 42px;\n font-weight: 700;\n fill: url(#grad);\n letter-spacing: 2px;\n }\n .icon {\n fill: url(#grad);\n }\n `)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"g\", {\n className: \"icon\",\n transform: \"translate(10, 20)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"path\", {\n d: \"M5 25 L15 45\",\n stroke: \"url(#grad)\",\n strokeWidth: \"2\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"path\", {\n d: \"M25 25 L15 45\",\n stroke: \"url(#grad)\",\n strokeWidth: \"2\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"rect\", {\n x: \"0\",\n y: \"20\",\n width: \"10\",\n height: \"10\",\n rx: \"2\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"rect\", {\n x: \"20\",\n y: \"20\",\n width: \"10\",\n height: \"10\",\n rx: \"2\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"rect\", {\n x: \"10\",\n y: \"40\",\n width: \"10\",\n height: \"10\",\n rx: \"2\"\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(\"text\", {\n x: \"60\",\n y: \"70\",\n className: \"text\"\n }, \"mdts\"));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Logo);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/Logo.tsx?\n}");
|
|
18127
|
+
|
|
18128
|
+
/***/ }),
|
|
18129
|
+
|
|
18130
18130
|
/***/ "./src/components/RightPane/Outline.tsx":
|
|
18131
18131
|
/*!**********************************************!*\
|
|
18132
18132
|
!*** ./src/components/RightPane/Outline.tsx ***!
|
|
@@ -18134,7 +18134,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18134
18134
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18135
18135
|
|
|
18136
18136
|
"use strict";
|
|
18137
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var
|
|
18137
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_slices_outlineSlice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store/slices/outlineSlice */ \"./src/store/slices/outlineSlice.ts\");\n/* harmony import */ var _OutlineContent_OutlineContent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./OutlineContent/OutlineContent */ \"./src/components/RightPane/OutlineContent/OutlineContent.tsx\");\n/* harmony import */ var _OutlineHeader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OutlineHeader */ \"./src/components/RightPane/OutlineHeader.tsx\");\n\n\n\n\n\n\nconst Outline = ({\n filePath,\n onItemClick,\n isOpen,\n onToggle\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useDispatch)();\n const theme = (0,_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"])();\n const {\n outline,\n loading,\n error\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_3__.useSelector)(state => state.outline);\n (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {\n dispatch((0,_store_slices_outlineSlice__WEBPACK_IMPORTED_MODULE_4__.fetchOutline)(filePath));\n }, [dispatch, filePath]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n width: isOpen ? '300px' : '66px',\n py: 2,\n background: theme.palette.background.paper,\n borderLeft: '1px solid',\n borderColor: 'divider',\n minHeight: '100%',\n flexShrink: 0\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_OutlineHeader__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n isOpen: isOpen,\n onToggle: onToggle\n }), isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_OutlineContent_OutlineContent__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n outline: outline,\n loading: loading,\n error: error,\n onItemClick: onItemClick\n }));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Outline);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/RightPane/Outline.tsx?\n}");
|
|
18138
18138
|
|
|
18139
18139
|
/***/ }),
|
|
18140
18140
|
|
|
@@ -18200,7 +18200,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18200
18200
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18201
18201
|
|
|
18202
18202
|
"use strict";
|
|
18203
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/ToggleButtonGroup/ToggleButtonGroup.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/ToggleButton/ToggleButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Select/Select.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/MenuItem/MenuItem.js\");\n/* harmony import */ var _mui_material_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material/styles */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../constants */ \"./src/constants.ts\");\n\n\n\n\nconst ColorSchemeSettingsTab = ({\n darkMode,\n syntaxHighlighterTheme,\n handleToggleDarkMode,\n setSyntaxHighlighterTheme\n}) => {\n const
|
|
18203
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Typography/Typography.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/ToggleButtonGroup/ToggleButtonGroup.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/ToggleButton/ToggleButton.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Select/Select.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/MenuItem/MenuItem.js\");\n/* harmony import */ var _mui_material_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material/styles */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../constants */ \"./src/constants.ts\");\n/* harmony import */ var _styles_themes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../styles/themes */ \"./src/styles/themes.ts\");\n\n\n\n\n\nconst ColorSchemeSettingsTab = ({\n darkMode,\n syntaxHighlighterTheme,\n theme,\n handleToggleDarkMode,\n setSyntaxHighlighterTheme,\n handleToggleTheme\n}) => {\n const muiTheme = (0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_6__[\"default\"])();\n const handleDarkModeChange = (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)((_, newMode) => {\n if (newMode) handleToggleDarkMode(newMode);\n }, [handleToggleDarkMode]);\n const handleThemChange = (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)(e => {\n setSyntaxHighlighterTheme(e.target.value);\n }, [setSyntaxHighlighterTheme]);\n const handleThemeChange = (0,react__WEBPACK_IMPORTED_MODULE_7__.useCallback)(e => {\n handleToggleTheme(e.target.value);\n }, [handleToggleTheme]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n p: 2\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n variant: \"subtitle2\",\n sx: {\n mb: 2\n }\n }, \"Dark Mode\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n value: darkMode,\n exclusive: true,\n onChange: handleDarkModeChange,\n \"aria-label\": \"dark mode\",\n fullWidth: true,\n size: \"small\",\n sx: {\n mb: 2\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n value: \"dark\",\n \"aria-label\": \"dark\",\n sx: {\n flexGrow: 1,\n '&.Mui-selected': {\n backgroundColor: muiTheme.palette.primary.main,\n color: muiTheme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: muiTheme.palette.primary.dark\n }\n }\n }\n }, \"Dark\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n value: \"light\",\n \"aria-label\": \"light\",\n sx: {\n flexGrow: 1,\n '&.Mui-selected': {\n backgroundColor: muiTheme.palette.primary.main,\n color: muiTheme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: muiTheme.palette.primary.dark\n }\n }\n }\n }, \"Light\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n value: \"auto\",\n \"aria-label\": \"auto\",\n sx: {\n flexGrow: 1,\n '&.Mui-selected': {\n backgroundColor: muiTheme.palette.primary.main,\n color: muiTheme.palette.primary.contrastText,\n '&:hover': {\n backgroundColor: muiTheme.palette.primary.dark\n }\n }\n }\n }, \"Auto (System)\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n variant: \"subtitle2\",\n sx: {\n mb: 2\n }\n }, \"Theme\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n value: theme,\n onChange: handleThemeChange,\n fullWidth: true,\n variant: \"outlined\",\n size: \"small\",\n sx: {\n mb: 2\n }\n }, _styles_themes__WEBPACK_IMPORTED_MODULE_9__.themes.map(t => {\n const palette = darkMode === 'dark' || darkMode === 'auto' && muiTheme.palette.mode === 'dark' ? t.dark : t.light;\n const background = `linear-gradient(45deg, ${palette.background} 0%, ${palette.paper} 100%)`;\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n key: t.id,\n value: t.id\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n width: '100%'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mr: 1.5,\n gap: '4px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n width: 20,\n height: 20,\n borderRadius: '4px',\n background: background,\n border: `1px solid ${muiTheme.palette.divider}`\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n variant: \"body2\"\n }, t.name)));\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n variant: \"subtitle2\",\n sx: {\n my: 2\n },\n id: \"syntax-highlighter-theme-label\"\n }, \"Syntax Highlighter Theme\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n labelId: \"syntax-highlighter-theme-label\",\n id: \"syntaxHighlighterTheme\",\n value: syntaxHighlighterTheme || 'auto',\n onChange: handleThemChange,\n fullWidth: true,\n variant: \"outlined\",\n size: \"small\",\n sx: {\n mb: 1\n },\n \"data-testid\": \"syntax-highlighter-theme-select\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n value: \"auto\"\n }, \"Auto\"), _constants__WEBPACK_IMPORTED_MODULE_8__.SYNTAX_HIGHLIGHTER_THEMES.map(theme => {\n const backgroundColor = theme.color || muiTheme.palette.background.default; // Fallback to default background\n\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n key: theme.value,\n value: theme.value\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n width: '100%'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n display: 'flex',\n alignItems: 'center',\n mr: 1.5,\n gap: '4px'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n sx: {\n width: 20,\n height: 20,\n borderRadius: '4px',\n background: backgroundColor,\n border: `1px solid ${muiTheme.palette.divider}`\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_7___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n variant: \"body2\"\n }, theme.name)));\n })));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ColorSchemeSettingsTab);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/SettingsDialog/ColorSchemeSettingsTab.tsx?\n}");
|
|
18204
18204
|
|
|
18205
18205
|
/***/ }),
|
|
18206
18206
|
|
|
@@ -18233,7 +18233,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18233
18233
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18234
18234
|
|
|
18235
18235
|
"use strict";
|
|
18236
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Dialog/Dialog.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogTitle/DialogTitle.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogContent/DialogContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tabs/Tabs.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tab/Tab.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogActions/DialogActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Button/Button.js\");\n/* harmony import */ var _mui_material_styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material/styles */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../constants */ \"./src/constants.ts\");\n/* harmony import */ var _store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../store/slices/appSettingSlice */ \"./src/store/slices/appSettingSlice.ts\");\n/* harmony import */ var _store_slices_configSlice__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../store/slices/configSlice */ \"./src/store/slices/configSlice.ts\");\n/* harmony import */ var _ColorSchemeSettingsTab__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ColorSchemeSettingsTab */ \"./src/components/SettingsDialog/ColorSchemeSettingsTab.tsx\");\n/* harmony import */ var _FontSettingsTab__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./FontSettingsTab */ \"./src/components/SettingsDialog/FontSettingsTab.tsx\");\n/* harmony import */ var _LayoutSettingsTab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./LayoutSettingsTab */ \"./src/components/SettingsDialog/LayoutSettingsTab.tsx\");\n/* harmony import */ var _TabPanel__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./TabPanel */ \"./src/components/SettingsDialog/TabPanel.tsx\");\n\n\n\n\n\n\n\n\n\n\n\nconst SettingsDialog = ({\n open,\n onClose\n}) => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_10__.useDispatch)();\n const theme = (0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const {\n darkMode: initialDarkMode,\n contentMode: initialContentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_10__.useSelector)(state => state.appSetting);\n const {\n fontFamily: initialFontFamily,\n fontFamilyMonospace: initialFontFamilyMonospace,\n fontSize: initialFontSize,\n syntaxHighlighterTheme: initialSyntaxHighlighterTheme\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_10__.useSelector)(state => state.config);\n const [selectedTab, setSelectedTab] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(0);\n const [darkMode, setDarkMode] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialDarkMode);\n const [contentMode, setContentMode] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialContentMode);\n const [fontFamily, setFontFamily] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialFontFamily);\n const [fontFamilyMonospace, setFontFamilyMonospace] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialFontFamilyMonospace);\n const [fontSize, setFontSize] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialFontSize);\n const [syntaxHighlighterTheme, setSyntaxHighlighterTheme] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(initialSyntaxHighlighterTheme);\n const [fontInputMode, setFontInputMode] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n const [fontInputModeMonospace, setFontInputModeMonospace] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n (0,react__WEBPACK_IMPORTED_MODULE_9__.useEffect)(() => {\n setContentMode(initialContentMode);\n setDarkMode(initialDarkMode);\n setSyntaxHighlighterTheme(initialSyntaxHighlighterTheme);\n setFontFamily(initialFontFamily);\n setFontFamilyMonospace(initialFontFamilyMonospace);\n setFontSize(initialFontSize);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n }, [initialContentMode, initialDarkMode, initialSyntaxHighlighterTheme, initialFontFamily, initialFontFamilyMonospace, initialFontSize]);\n const handleSave = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(() => {\n dispatch((0,_store_slices_configSlice__WEBPACK_IMPORTED_MODULE_13__.saveConfigToBackend)({\n fontFamily,\n fontFamilyMonospace,\n fontSize,\n syntaxHighlighterTheme\n }));\n dispatch((0,_store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_12__.saveAppSetting)({\n darkMode,\n contentMode\n }));\n onClose();\n }, [contentMode, darkMode, dispatch, fontFamily, fontFamilyMonospace, fontSize, onClose, syntaxHighlighterTheme]);\n const handleCancel = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(() => {\n setDarkMode(initialDarkMode);\n setContentMode(initialContentMode);\n setFontFamily(initialFontFamily);\n setFontFamilyMonospace(initialFontFamilyMonospace);\n setFontSize(initialFontSize);\n setSyntaxHighlighterTheme(initialSyntaxHighlighterTheme);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n onClose();\n }, [initialContentMode, initialDarkMode, initialFontFamily, initialFontFamilyMonospace, initialFontSize, initialSyntaxHighlighterTheme, onClose]);\n const handleSelectTab = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)((_, newValue) => {\n setSelectedTab(newValue);\n }, [setSelectedTab]);\n const handleToggleDarkMode = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(mode => {\n setDarkMode(mode);\n }, []);\n const handleToggleContentMode = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(mode => {\n setContentMode(mode);\n }, []);\n const handleFontInputModeChange = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)((_, newMode) => {\n if (newMode) {\n setFontInputMode(newMode);\n if (newMode === 'select' && !_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS.includes(fontFamily)) {\n setFontFamily(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS[0]); // Reset to first web-safe font if current is not in list\n }\n }\n }, [fontFamily]);\n const handleFontInputModeMonospaceChange = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)((_, newMode) => {\n if (newMode) {\n setFontInputModeMonospace(newMode);\n if (newMode === 'select' && !_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS.includes(fontFamilyMonospace)) {\n setFontFamilyMonospace(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS[0]); // Reset to first web-safe monospace font if current is not in list\n }\n }\n }, [fontFamilyMonospace]);\n const handleReset = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(() => {\n const defaultDarkMode = 'auto';\n const defaultContentMode = 'compact';\n const defaultFontFamily = 'Roboto';\n const defaultFontFamilyMonospace = 'monospace';\n const defaultFontSize = 14;\n const defaultSyntaxHighlighterTheme = 'auto';\n setDarkMode(defaultDarkMode);\n setContentMode(defaultContentMode);\n setFontFamily(defaultFontFamily);\n setFontFamilyMonospace(defaultFontFamilyMonospace);\n setFontSize(defaultFontSize);\n setSyntaxHighlighterTheme(defaultSyntaxHighlighterTheme);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_FONTS.includes(defaultFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_11__.WEB_SAFE_MONOSPACE_FONTS.includes(defaultFontFamilyMonospace) ? 'select' : 'text');\n dispatch((0,_store_slices_configSlice__WEBPACK_IMPORTED_MODULE_13__.saveConfigToBackend)({\n fontFamily: defaultFontFamily,\n fontFamilyMonospace: defaultFontFamilyMonospace,\n fontSize: defaultFontSize,\n syntaxHighlighterTheme: defaultSyntaxHighlighterTheme\n }));\n dispatch((0,_store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_12__.saveAppSetting)({\n darkMode: defaultDarkMode,\n contentMode: defaultContentMode\n }));\n }, [dispatch]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n maxWidth: \"lg\",\n open: open,\n onClose: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n pt: 2,\n pb: 2,\n borderBottom: '1px solid',\n borderColor: 'divider'\n }\n }, \"Appearance Settings\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n sx: {\n width: 800,\n height: 600,\n p: 0\n },\n className: \"custom-scrollbar\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n sx: {\n flexGrow: 1,\n display: 'flex',\n height: '100%'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n orientation: \"vertical\",\n variant: \"scrollable\",\n value: selectedTab,\n onChange: handleSelectTab,\n \"aria-label\": \"Vertical tabs\",\n sx: {\n minWidth: 200,\n py: 4,\n borderRight: 1,\n borderColor: 'divider',\n '& .MuiTab-root': {\n alignItems: 'flex-end',\n pr: 4\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Layout\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Color Scheme\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Font\"\n })), selectedTab === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n value: selectedTab,\n index: 0\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_LayoutSettingsTab__WEBPACK_IMPORTED_MODULE_16__[\"default\"], {\n contentMode: contentMode,\n handleToggleContentMode: handleToggleContentMode\n })), selectedTab === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n value: selectedTab,\n index: 1\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_ColorSchemeSettingsTab__WEBPACK_IMPORTED_MODULE_14__[\"default\"], {\n darkMode: darkMode,\n syntaxHighlighterTheme: syntaxHighlighterTheme,\n handleToggleDarkMode: handleToggleDarkMode,\n setSyntaxHighlighterTheme: setSyntaxHighlighterTheme\n })), selectedTab === 2 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n value: selectedTab,\n index: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_FontSettingsTab__WEBPACK_IMPORTED_MODULE_15__[\"default\"], {\n fontSize: fontSize,\n fontFamily: fontFamily,\n fontFamilyMonospace: fontFamilyMonospace,\n fontInputMode: fontInputMode,\n fontInputModeMonospace: fontInputModeMonospace,\n setFontSize: setFontSize,\n setFontFamily: setFontFamily,\n setFontFamilyMonospace: setFontFamilyMonospace,\n handleFontInputModeChange: handleFontInputModeChange,\n handleFontInputModeMonospaceChange: handleFontInputModeMonospaceChange\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n sx: {\n px: 3,\n py: 2,\n borderTop: '1px solid',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleReset,\n size: \"small\",\n sx: {\n mr: 'auto',\n color: theme.palette.text.secondary\n }\n }, \"Restore default setting\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleCancel,\n size: \"small\",\n sx: {\n color: theme.palette.text.secondary\n }\n }, \"Cancel\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleSave,\n size: \"small\"\n }, \"Save\")));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingsDialog);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/SettingsDialog/SettingsDialog.tsx?\n}");
|
|
18236
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Dialog/Dialog.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogTitle/DialogTitle.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogContent/DialogContent.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Box/Box.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tabs/Tabs.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Tab/Tab.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/DialogActions/DialogActions.js\");\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/Button/Button.js\");\n/* harmony import */ var _mui_material_styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @mui/material/styles */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var _ColorSchemeSettingsTab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./ColorSchemeSettingsTab */ \"./src/components/SettingsDialog/ColorSchemeSettingsTab.tsx\");\n/* harmony import */ var _FontSettingsTab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./FontSettingsTab */ \"./src/components/SettingsDialog/FontSettingsTab.tsx\");\n/* harmony import */ var _LayoutSettingsTab__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./LayoutSettingsTab */ \"./src/components/SettingsDialog/LayoutSettingsTab.tsx\");\n/* harmony import */ var _TabPanel__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./TabPanel */ \"./src/components/SettingsDialog/TabPanel.tsx\");\n/* harmony import */ var _hooks_useSettingsForm__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../hooks/useSettingsForm */ \"./src/hooks/useSettingsForm.ts\");\n\n\n\n\n\n\n\n\nconst SettingsDialog = ({\n open,\n onClose\n}) => {\n const theme = (0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_8__[\"default\"])();\n const [selectedTab, setSelectedTab] = (0,react__WEBPACK_IMPORTED_MODULE_9__.useState)(0);\n const {\n darkMode,\n contentMode,\n themeType,\n fontFamily,\n fontFamilyMonospace,\n fontSize,\n syntaxHighlighterTheme,\n fontInputMode,\n fontInputModeMonospace,\n setFontFamily,\n setFontFamilyMonospace,\n setFontSize,\n setSyntaxHighlighterTheme,\n handleSave: handleSaveForm,\n handleCancel: handleCancelForm,\n handleToggleDarkMode,\n handleToggleTheme,\n handleToggleContentMode,\n handleFontInputModeChange,\n handleFontInputModeMonospaceChange,\n handleReset\n } = (0,_hooks_useSettingsForm__WEBPACK_IMPORTED_MODULE_14__.useSettingsForm)();\n const handleSave = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(() => {\n handleSaveForm();\n onClose();\n }, [handleSaveForm, onClose]);\n const handleCancel = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)(() => {\n handleCancelForm();\n onClose();\n }, [handleCancelForm, onClose]);\n const handleSelectTab = (0,react__WEBPACK_IMPORTED_MODULE_9__.useCallback)((_, newValue) => {\n setSelectedTab(newValue);\n }, [setSelectedTab]);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n maxWidth: \"lg\",\n open: open,\n onClose: onClose\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n sx: {\n pt: 2,\n pb: 2,\n borderBottom: '1px solid',\n borderColor: 'divider'\n }\n }, \"Appearance Settings\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n sx: {\n width: 800,\n height: 600,\n p: 0\n },\n className: \"custom-scrollbar\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n sx: {\n flexGrow: 1,\n display: 'flex',\n height: '100%'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n orientation: \"vertical\",\n variant: \"scrollable\",\n value: selectedTab,\n onChange: handleSelectTab,\n \"aria-label\": \"Vertical tabs\",\n sx: {\n minWidth: 200,\n py: 4,\n borderRight: 1,\n borderColor: 'divider',\n '& .MuiTab-root': {\n alignItems: 'flex-end',\n pr: 4\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Layout\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Color Scheme\"\n }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n label: \"Font\"\n })), selectedTab === 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n value: selectedTab,\n index: 0\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_LayoutSettingsTab__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n contentMode: contentMode,\n handleToggleContentMode: handleToggleContentMode\n })), selectedTab === 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n value: selectedTab,\n index: 1\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_ColorSchemeSettingsTab__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n darkMode: darkMode,\n theme: themeType,\n syntaxHighlighterTheme: syntaxHighlighterTheme,\n handleToggleDarkMode: handleToggleDarkMode,\n handleToggleTheme: handleToggleTheme,\n setSyntaxHighlighterTheme: setSyntaxHighlighterTheme\n })), selectedTab === 2 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_TabPanel__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n value: selectedTab,\n index: 2\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_FontSettingsTab__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n fontSize: fontSize,\n fontFamily: fontFamily,\n fontFamilyMonospace: fontFamilyMonospace,\n fontInputMode: fontInputMode,\n fontInputModeMonospace: fontInputModeMonospace,\n setFontSize: setFontSize,\n setFontFamily: setFontFamily,\n setFontFamilyMonospace: setFontFamilyMonospace,\n handleFontInputModeChange: handleFontInputModeChange,\n handleFontInputModeMonospaceChange: handleFontInputModeMonospaceChange\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n sx: {\n px: 3,\n py: 2,\n borderTop: '1px solid',\n borderColor: 'divider'\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleReset,\n size: \"small\",\n sx: {\n mr: 'auto',\n color: theme.palette.text.secondary\n }\n }, \"Restore default setting\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleCancel,\n size: \"small\",\n sx: {\n color: theme.palette.text.secondary\n }\n }, \"Cancel\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_mui_material__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n onClick: handleSave,\n size: \"small\"\n }, \"Save\")));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SettingsDialog);\n\n//# sourceURL=webpack://@mdts/frontend/./src/components/SettingsDialog/SettingsDialog.tsx?\n}");
|
|
18237
18237
|
|
|
18238
18238
|
/***/ }),
|
|
18239
18239
|
|
|
@@ -18255,7 +18255,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18255
18255
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18256
18256
|
|
|
18257
18257
|
"use strict";
|
|
18258
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */
|
|
18258
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ SYNTAX_HIGHLIGHTER_THEMES: () => (/* binding */ SYNTAX_HIGHLIGHTER_THEMES),\n/* harmony export */ WEB_SAFE_FONTS: () => (/* binding */ WEB_SAFE_FONTS),\n/* harmony export */ WEB_SAFE_MONOSPACE_FONTS: () => (/* binding */ WEB_SAFE_MONOSPACE_FONTS)\n/* harmony export */ });\nconst WEB_SAFE_FONTS = ['Roboto', 'Arial', 'Courier New', 'Garamond', 'Georgia', 'Helvetica', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'];\nconst WEB_SAFE_MONOSPACE_FONTS = ['Roboto Mono', 'Consolas', 'Courier New', 'Lucida Console', 'Monaco', 'monospace'];\nconst SYNTAX_HIGHLIGHTER_THEMES = [{\n type: 'light',\n name: 'Base16 Ateliersulphurpool Light',\n value: 'base16AteliersulphurpoolLight',\n color: '#f5f7ff'\n}, {\n type: 'light',\n name: 'Coldark Cold',\n value: 'coldarkCold',\n color: '#e3eaf2'\n}, {\n type: 'light',\n name: 'Coy',\n value: 'coy',\n color: '#fdfdfd'\n}, {\n type: 'light',\n name: 'Coy Without Shadows',\n value: 'coyWithoutShadows',\n color: '#fdfdfd'\n}, {\n type: 'light',\n name: 'Duotone Light',\n value: 'duotoneLight',\n color: '#faf8f5'\n}, {\n type: 'light',\n name: 'GHColors',\n value: 'ghcolors',\n color: '#ffffff'\n}, {\n type: 'light',\n name: 'Gruvbox Light',\n value: 'gruvboxLight',\n color: '#f9f5d7'\n}, {\n type: 'light',\n name: 'Material Light',\n value: 'materialLight',\n color: '#fafafa'\n}, {\n type: 'light',\n name: 'One Light',\n value: 'oneLight',\n color: '#e6e6e5'\n}, {\n type: 'light',\n name: 'Prism',\n value: 'prism',\n color: '#f5f2f0'\n}, {\n type: 'light',\n name: 'Solarized Light',\n value: 'solarizedlight',\n color: '#fdf6e3'\n}, {\n type: 'light',\n name: 'VS',\n value: 'vs',\n color: '#ffffff'\n}, {\n type: 'dark',\n name: 'A11y Dark',\n value: 'a11yDark',\n color: '#2b2b2b'\n}, {\n type: 'dark',\n name: 'Atom Dark',\n value: 'atomDark',\n color: '#1d1f21'\n}, {\n type: 'dark',\n name: 'CB',\n value: 'cb',\n color: '#222222'\n}, {\n type: 'dark',\n name: 'Coldark Dark',\n value: 'coldarkDark',\n color: '#111b27'\n}, {\n type: 'dark',\n name: 'Darcula',\n value: 'darcula',\n color: '#2b2b2b'\n}, {\n type: 'dark',\n name: 'Dark',\n value: 'dark',\n color: '#4d4033'\n}, {\n type: 'dark',\n name: 'Dracula',\n value: 'dracula',\n color: '#282a36'\n}, {\n type: 'dark',\n name: 'Duotone Dark',\n value: 'duotoneDark',\n color: '#2a2734'\n}, {\n type: 'dark',\n name: 'Duotone Earth',\n value: 'duotoneEarth',\n color: '#322d29'\n}, {\n type: 'dark',\n name: 'Duotone Forest',\n value: 'duotoneForest',\n color: '#2a2d2a'\n}, {\n type: 'dark',\n name: 'Duotone Sea',\n value: 'duotoneSea',\n color: '#1d262f'\n}, {\n type: 'dark',\n name: 'Duotone Space',\n value: 'duotoneSpace',\n color: '#24242e'\n}, {\n type: 'dark',\n name: 'Funky',\n value: 'funky',\n color: '#1d1d1d'\n}, {\n type: 'dark',\n name: 'Gruvbox Dark',\n value: 'gruvboxDark',\n color: '#1d2021'\n}, {\n type: 'dark',\n name: 'Hopscotch',\n value: 'hopscotch',\n color: '#322931'\n}, {\n type: 'dark',\n name: 'Lucario',\n value: 'lucario',\n color: '#263e52'\n}, {\n type: 'dark',\n name: 'Material Dark',\n value: 'materialDark',\n color: '#2f2f2f'\n}, {\n type: 'dark',\n name: 'Material Oceanic',\n value: 'materialOceanic',\n color: '#263238'\n}, {\n type: 'dark',\n name: 'Night Owl',\n value: 'nightOwl',\n color: '#011627'\n}, {\n type: 'dark',\n name: 'Nord',\n value: 'nord',\n color: '#2e3440'\n}, {\n type: 'dark',\n name: 'Okaidia',\n value: 'okaidia',\n color: '#272822'\n}, {\n type: 'dark',\n name: 'One Dark',\n value: 'oneDark',\n color: '#343028'\n}, {\n type: 'dark',\n name: 'Pojoaque',\n value: 'pojoaque',\n color: '#18191d'\n}, {\n type: 'dark',\n name: 'Solarized Dark Atom',\n value: 'solarizedDarkAtom',\n color: '#002b36'\n}, {\n type: 'dark',\n name: 'Synthwave84',\n value: 'synthwave84',\n color: '#2a2139'\n}, {\n type: 'dark',\n name: 'Tomorrow',\n value: 'tomorrow',\n color: '#2d2d2d'\n}, {\n type: 'dark',\n name: 'Twilight',\n value: 'twilight',\n color: '#141414'\n}, {\n type: 'dark',\n name: 'VS Dark Plus',\n value: 'vscDarkPlus',\n color: '#1e1e1e'\n}, {\n type: 'dark',\n name: 'Xonokai',\n value: 'xonokai',\n color: '#2a2a2a'\n}, {\n type: 'dark',\n name: 'Z Touch',\n value: 'zTouch',\n color: '#0a143c'\n}];\n\n//# sourceURL=webpack://@mdts/frontend/./src/constants.ts?\n}");
|
|
18259
18259
|
|
|
18260
18260
|
/***/ }),
|
|
18261
18261
|
|
|
@@ -18270,6 +18270,17 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18270
18270
|
|
|
18271
18271
|
/***/ }),
|
|
18272
18272
|
|
|
18273
|
+
/***/ "./src/hooks/useSettingsForm.ts":
|
|
18274
|
+
/*!**************************************!*\
|
|
18275
|
+
!*** ./src/hooks/useSettingsForm.ts ***!
|
|
18276
|
+
\**************************************/
|
|
18277
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18278
|
+
|
|
18279
|
+
"use strict";
|
|
18280
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ useSettingsForm: () => (/* binding */ useSettingsForm)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ \"./src/constants.ts\");\n/* harmony import */ var _store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../store/slices/appSettingSlice */ \"./src/store/slices/appSettingSlice.ts\");\n/* harmony import */ var _store_slices_configSlice__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../store/slices/configSlice */ \"./src/store/slices/configSlice.ts\");\n\n\n\n\n\nconst useSettingsForm = () => {\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();\n const {\n darkMode: initialDarkMode,\n contentMode: initialContentMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.appSetting);\n const {\n theme: initialTheme,\n syntaxHighlighterTheme: initialSyntaxHighlighterTheme,\n fontFamily: initialFontFamily,\n fontFamilyMonospace: initialFontFamilyMonospace,\n fontSize: initialFontSize\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.config);\n const [darkMode, setDarkMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialDarkMode);\n const [contentMode, setContentMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialContentMode);\n const [theme, setTheme] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialTheme);\n const [fontFamily, setFontFamily] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialFontFamily);\n const [fontFamilyMonospace, setFontFamilyMonospace] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialFontFamilyMonospace);\n const [fontSize, setFontSize] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialFontSize);\n const [syntaxHighlighterTheme, setSyntaxHighlighterTheme] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialSyntaxHighlighterTheme);\n const [fontInputMode, setFontInputMode] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n const [fontInputModeMonospace, setFontInputModeMonospace] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setContentMode(initialContentMode);\n setDarkMode(initialDarkMode);\n setTheme(initialTheme);\n setSyntaxHighlighterTheme(initialSyntaxHighlighterTheme);\n setFontFamily(initialFontFamily);\n setFontFamilyMonospace(initialFontFamilyMonospace);\n setFontSize(initialFontSize);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n }, [initialContentMode, initialDarkMode, initialTheme, initialSyntaxHighlighterTheme, initialFontFamily, initialFontFamilyMonospace, initialFontSize]);\n const handleSave = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n dispatch((0,_store_slices_configSlice__WEBPACK_IMPORTED_MODULE_4__.saveConfigToBackend)({\n theme: theme,\n syntaxHighlighterTheme,\n fontFamily,\n fontFamilyMonospace,\n fontSize\n }));\n dispatch((0,_store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_3__.saveAppSetting)({\n darkMode,\n contentMode\n }));\n }, [contentMode, darkMode, theme, dispatch, fontFamily, fontFamilyMonospace, fontSize, syntaxHighlighterTheme]);\n const handleCancel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n setDarkMode(initialDarkMode);\n setContentMode(initialContentMode);\n setTheme(initialTheme);\n setFontFamily(initialFontFamily);\n setFontFamilyMonospace(initialFontFamilyMonospace);\n setFontSize(initialFontSize);\n setSyntaxHighlighterTheme(initialSyntaxHighlighterTheme);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS.includes(initialFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS.includes(initialFontFamilyMonospace) ? 'select' : 'text');\n }, [initialContentMode, initialDarkMode, initialTheme, initialFontFamily, initialFontFamilyMonospace, initialFontSize, initialSyntaxHighlighterTheme]);\n const handleToggleDarkMode = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(mode => {\n setDarkMode(mode);\n }, []);\n const handleToggleTheme = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(theme => {\n setTheme(theme);\n }, []);\n const handleToggleContentMode = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(mode => {\n setContentMode(mode);\n }, []);\n const handleFontInputModeChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((_, newMode) => {\n if (newMode) {\n setFontInputMode(newMode);\n if (newMode === 'select' && !_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS.includes(fontFamily)) {\n setFontFamily(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS[0]); // Reset to first web-safe font if current is not in list\n }\n }\n }, [fontFamily]);\n const handleFontInputModeMonospaceChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((_, newMode) => {\n if (newMode) {\n setFontInputModeMonospace(newMode);\n if (newMode === 'select' && !_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS.includes(fontFamilyMonospace)) {\n setFontFamilyMonospace(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS[0]); // Reset to first web-safe monospace font if current is not in list\n }\n }\n }, [fontFamilyMonospace]);\n const handleReset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {\n const defaultDarkMode = 'auto';\n const defaultContentMode = 'compact';\n const defaultTheme = 'default';\n const defaultFontFamily = 'Roboto';\n const defaultFontFamilyMonospace = 'monospace';\n const defaultFontSize = 14;\n const defaultSyntaxHighlighterTheme = 'auto';\n setDarkMode(defaultDarkMode);\n setContentMode(defaultContentMode);\n setTheme(defaultTheme);\n setFontFamily(defaultFontFamily);\n setFontFamilyMonospace(defaultFontFamilyMonospace);\n setFontSize(defaultFontSize);\n setSyntaxHighlighterTheme(defaultSyntaxHighlighterTheme);\n setFontInputMode(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_FONTS.includes(defaultFontFamily) ? 'select' : 'text');\n setFontInputModeMonospace(_constants__WEBPACK_IMPORTED_MODULE_2__.WEB_SAFE_MONOSPACE_FONTS.includes(defaultFontFamilyMonospace) ? 'select' : 'text');\n dispatch((0,_store_slices_configSlice__WEBPACK_IMPORTED_MODULE_4__.saveConfigToBackend)({\n theme: defaultTheme,\n syntaxHighlighterTheme: defaultSyntaxHighlighterTheme,\n fontFamily: defaultFontFamily,\n fontFamilyMonospace: defaultFontFamilyMonospace,\n fontSize: defaultFontSize\n }));\n dispatch((0,_store_slices_appSettingSlice__WEBPACK_IMPORTED_MODULE_3__.saveAppSetting)({\n darkMode: defaultDarkMode,\n contentMode: defaultContentMode\n }));\n }, [dispatch]);\n return {\n darkMode,\n contentMode,\n themeType: theme,\n fontFamily,\n fontFamilyMonospace,\n fontSize,\n syntaxHighlighterTheme,\n fontInputMode,\n fontInputModeMonospace,\n setDarkMode,\n setContentMode,\n setThemeType: setTheme,\n setFontFamily,\n setFontFamilyMonospace,\n setFontSize,\n setSyntaxHighlighterTheme,\n setFontInputMode,\n setFontInputModeMonospace,\n handleSave,\n handleCancel,\n handleToggleDarkMode,\n handleToggleTheme,\n handleToggleContentMode,\n handleFontInputModeChange,\n handleFontInputModeMonospaceChange,\n handleReset\n };\n};\n\n//# sourceURL=webpack://@mdts/frontend/./src/hooks/useSettingsForm.ts?\n}");
|
|
18281
|
+
|
|
18282
|
+
/***/ }),
|
|
18283
|
+
|
|
18273
18284
|
/***/ "./src/hooks/useSyntaxHighlighterTheme.ts":
|
|
18274
18285
|
/*!************************************************!*\
|
|
18275
18286
|
!*** ./src/hooks/useSyntaxHighlighterTheme.ts ***!
|
|
@@ -18277,7 +18288,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18277
18288
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18278
18289
|
|
|
18279
18290
|
"use strict";
|
|
18280
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ useSyntaxHighlighterTheme: () => (/* binding */ useSyntaxHighlighterTheme)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coy.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/funky.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/okaidia.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/solarizedlight.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/tomorrow.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/twilight.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/prism.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/a11y-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/atom-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/base16-ateliersulphurpool.light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/cb.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-cold.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coy-without-shadows.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/darcula.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/dracula.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-earth.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-forest.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-sea.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-space.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/ghcolors.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/gruvbox-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/gruvbox-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/holi-theme.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/hopscotch.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/lucario.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-oceanic.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/night-owl.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/nord.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/pojoaque.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/shades-of-purple.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/solarized-dark-atom.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/synthwave84.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/vs.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/xonokai.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/z-touch.js\");\n\n\nconst useSyntaxHighlighterTheme = syntaxHighlighterTheme => {\n const theme = (0,_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n const themeMap = {\n coy: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n dark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n funky: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n okaidia: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n solarizedlight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n tomorrow: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n twilight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n prism: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n nightOwl: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_33__[\"default\"],\n atomDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n darcula: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n dracula: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n ghcolors: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n vs: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_41__[\"default\"],\n vscDarkPlus: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_42__[\"default\"],\n a11yDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n base16AteliersulphurpoolLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n cb: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n coldarkCold: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n coldarkDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n coyWithoutShadows: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n duotoneDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n duotoneEarth: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n duotoneForest: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n duotoneLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n duotoneSea: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n duotoneSpace: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n gruvboxDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n gruvboxLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_26__[\"default\"],\n holiTheme: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_27__[\"default\"],\n hopscotch: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_28__[\"default\"],\n lucario: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_29__[\"default\"],\n materialDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_30__[\"default\"],\n materialLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_31__[\"default\"],\n materialOceanic: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_32__[\"default\"],\n nord: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_34__[\"default\"],\n oneDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_35__[\"default\"],\n oneLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_36__[\"default\"],\n pojoaque: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_37__[\"default\"],\n shadesOfPurple: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_38__[\"default\"],\n solarizedDarkAtom: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_39__[\"default\"],\n synthwave84: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_40__[\"default\"],\n xonokai: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_43__[\"default\"],\n zTouch: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_44__[\"default\"]\n };\n const getSyntaxHighlighterTheme = () => {\n if (syntaxHighlighterTheme === 'auto') {\n return theme.palette.mode === 'dark' ? react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"] : react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_41__[\"default\"];\n }\n return themeMap[syntaxHighlighterTheme] || react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"];\n };\n return getSyntaxHighlighterTheme();\n};\n\n//# sourceURL=webpack://@mdts/frontend/./src/hooks/useSyntaxHighlighterTheme.ts?\n}");
|
|
18291
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ useSyntaxHighlighterTheme: () => (/* binding */ useSyntaxHighlighterTheme)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/useTheme.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coy.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/funky.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/okaidia.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/solarizedlight.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/tomorrow.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/twilight.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/prism.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/a11y-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/atom-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/base16-ateliersulphurpool.light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/cb.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-cold.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coldark-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/coy-without-shadows.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/darcula.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/dracula.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-earth.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-forest.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-sea.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/duotone-space.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/ghcolors.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/gruvbox-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/gruvbox-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/hopscotch.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/lucario.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/material-oceanic.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/night-owl.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/nord.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-dark.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/one-light.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/pojoaque.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/shades-of-purple.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/solarized-dark-atom.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/synthwave84.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/vs.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/xonokai.js\");\n/* harmony import */ var react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! react-syntax-highlighter/dist/esm/styles/prism */ \"./node_modules/react-syntax-highlighter/dist/esm/styles/prism/z-touch.js\");\n\n\nconst useSyntaxHighlighterTheme = syntaxHighlighterTheme => {\n const theme = (0,_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"])();\n const themeMap = {\n coy: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n dark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n funky: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n okaidia: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n solarizedlight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n tomorrow: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n twilight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n prism: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n nightOwl: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_32__[\"default\"],\n atomDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n darcula: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_16__[\"default\"],\n dracula: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n ghcolors: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_24__[\"default\"],\n vs: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_40__[\"default\"],\n vscDarkPlus: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_41__[\"default\"],\n a11yDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n base16AteliersulphurpoolLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n cb: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_12__[\"default\"],\n coldarkCold: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_13__[\"default\"],\n coldarkDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_14__[\"default\"],\n coyWithoutShadows: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n duotoneDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n duotoneEarth: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n duotoneForest: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_20__[\"default\"],\n duotoneLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_21__[\"default\"],\n duotoneSea: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_22__[\"default\"],\n duotoneSpace: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_23__[\"default\"],\n gruvboxDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_25__[\"default\"],\n gruvboxLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_26__[\"default\"],\n hopscotch: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_27__[\"default\"],\n lucario: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_28__[\"default\"],\n materialDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_29__[\"default\"],\n materialLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_30__[\"default\"],\n materialOceanic: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_31__[\"default\"],\n nord: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_33__[\"default\"],\n oneDark: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_34__[\"default\"],\n oneLight: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_35__[\"default\"],\n pojoaque: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_36__[\"default\"],\n shadesOfPurple: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_37__[\"default\"],\n solarizedDarkAtom: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_38__[\"default\"],\n synthwave84: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_39__[\"default\"],\n xonokai: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_42__[\"default\"],\n zTouch: react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_43__[\"default\"]\n };\n const getSyntaxHighlighterTheme = () => {\n if (syntaxHighlighterTheme === 'auto') {\n return theme.palette.mode === 'dark' ? react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"] : react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_40__[\"default\"];\n }\n return themeMap[syntaxHighlighterTheme] || react_syntax_highlighter_dist_esm_styles_prism__WEBPACK_IMPORTED_MODULE_10__[\"default\"];\n };\n return getSyntaxHighlighterTheme();\n};\n\n//# sourceURL=webpack://@mdts/frontend/./src/hooks/useSyntaxHighlighterTheme.ts?\n}");
|
|
18281
18292
|
|
|
18282
18293
|
/***/ }),
|
|
18283
18294
|
|
|
@@ -18288,7 +18299,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18288
18299
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18289
18300
|
|
|
18290
18301
|
"use strict";
|
|
18291
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ useTheme: () => (/* binding */ useTheme)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/createTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n\n\n\nconst useTheme = () => {\n const {\n darkMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(state => state.appSetting);\n const theme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => {\n let mode;\n if (darkMode === 'dark' || darkMode === 'light') {\n mode = darkMode;\n } else {\n mode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n }\n return (0,_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n palette: {\n mode: mode,\n primary: {\n main:
|
|
18302
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ useTheme: () => (/* binding */ useTheme)\n/* harmony export */ });\n/* harmony import */ var _mui_material__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @mui/material */ \"./node_modules/@mui/material/esm/styles/createTheme.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _styles_themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles/themes */ \"./src/styles/themes.ts\");\n\n\n\n\nconst useTheme = () => {\n const {\n darkMode\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(state => state.appSetting);\n const {\n theme: themeId\n } = (0,react_redux__WEBPACK_IMPORTED_MODULE_2__.useSelector)(state => state.config);\n const theme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(() => {\n const selectedTheme = _styles_themes__WEBPACK_IMPORTED_MODULE_3__.themes.find(t => t.id === themeId) || _styles_themes__WEBPACK_IMPORTED_MODULE_3__.themes[0];\n let mode;\n if (darkMode === 'dark' || darkMode === 'light') {\n mode = darkMode;\n } else {\n mode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n }\n const palette = selectedTheme[mode];\n return (0,_mui_material__WEBPACK_IMPORTED_MODULE_0__[\"default\"])({\n palette: {\n mode: mode,\n primary: {\n main: palette.primary\n },\n background: {\n default: palette.background,\n paper: palette.paper\n }\n },\n components: {\n MuiCssBaseline: {\n styleOverrides: {\n body: {\n background: `linear-gradient(180deg, ${palette.background} 0%, ${palette.paper} 100%)`,\n backgroundAttachment: 'fixed'\n }\n }\n }\n }\n });\n }, [darkMode, themeId]);\n return theme;\n};\n\n//# sourceURL=webpack://@mdts/frontend/./src/hooks/useTheme.ts?\n}");
|
|
18292
18303
|
|
|
18293
18304
|
/***/ }),
|
|
18294
18305
|
|
|
@@ -18354,7 +18365,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18354
18365
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18355
18366
|
|
|
18356
18367
|
"use strict";
|
|
18357
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */ fetchConfig: () => (/* binding */ fetchConfig),\n/* harmony export */ saveConfigToBackend: () => (/* binding */ saveConfigToBackend)\n/* harmony export */ });\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ \"./node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.ts\");\n\n\nconst fetchConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAsyncThunk)('config/fetchConfig', async () => {\n return await (0,_api__WEBPACK_IMPORTED_MODULE_1__.fetchData)('/api/config', 'json');\n});\nconst saveConfigToBackend = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAsyncThunk)('config/saveConfigToBackend', async (config, {\n dispatch\n}) => {\n try {\n await fetch('/api/config', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(config)\n });\n dispatch(fetchConfig()); // Re-fetch config after saving\n } catch (error) {\n console.error('Failed to save settings:', error);\n throw error; // Re-throw to allow error handling in component\n }\n});\nconst initialState = {\n
|
|
18368
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__),\n/* harmony export */ fetchConfig: () => (/* binding */ fetchConfig),\n/* harmony export */ saveConfigToBackend: () => (/* binding */ saveConfigToBackend)\n/* harmony export */ });\n/* harmony import */ var _reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @reduxjs/toolkit */ \"./node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.mjs\");\n/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../api */ \"./src/api.ts\");\n\n\nconst fetchConfig = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAsyncThunk)('config/fetchConfig', async () => {\n return await (0,_api__WEBPACK_IMPORTED_MODULE_1__.fetchData)('/api/config', 'json');\n});\nconst saveConfigToBackend = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createAsyncThunk)('config/saveConfigToBackend', async (config, {\n dispatch\n}) => {\n try {\n await fetch('/api/config', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(config)\n });\n dispatch(fetchConfig()); // Re-fetch config after saving\n } catch (error) {\n console.error('Failed to save settings:', error);\n throw error; // Re-throw to allow error handling in component\n }\n});\nconst initialState = {\n theme: 'default',\n syntaxHighlighterTheme: 'auto',\n fontFamily: 'Roboto',\n fontFamilyMonospace: 'monospace',\n fontSize: 14\n};\nconst configSlice = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_0__.createSlice)({\n name: 'config',\n initialState,\n reducers: {},\n extraReducers: builder => {\n builder.addCase(fetchConfig.fulfilled, (state, action) => {\n state.theme = action.payload.theme;\n state.syntaxHighlighterTheme = action.payload.syntaxHighlighterTheme;\n state.fontFamily = action.payload.fontFamily;\n state.fontFamilyMonospace = action.payload.fontFamilyMonospace;\n state.fontSize = action.payload.fontSize;\n });\n }\n});\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (configSlice.reducer);\n\n//# sourceURL=webpack://@mdts/frontend/./src/store/slices/configSlice.ts?\n}");
|
|
18358
18369
|
|
|
18359
18370
|
/***/ }),
|
|
18360
18371
|
|
|
@@ -18413,6 +18424,17 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpa
|
|
|
18413
18424
|
|
|
18414
18425
|
/***/ }),
|
|
18415
18426
|
|
|
18427
|
+
/***/ "./src/styles/themes.ts":
|
|
18428
|
+
/*!******************************!*\
|
|
18429
|
+
!*** ./src/styles/themes.ts ***!
|
|
18430
|
+
\******************************/
|
|
18431
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
18432
|
+
|
|
18433
|
+
"use strict";
|
|
18434
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ themes: () => (/* binding */ themes)\n/* harmony export */ });\nconst themes = [{\n id: 'default',\n name: 'Default',\n light: {\n primary: '#1976d2',\n background: '#f5f7fa',\n paper: '#eef1f5'\n },\n dark: {\n primary: '#1976d2',\n background: '#161819',\n paper: '#0f1214'\n }\n}, {\n id: 'aurora',\n name: 'Aurora',\n light: {\n primary: '#00796b',\n background: '#e0f2f1',\n paper: '#d0eceb'\n },\n dark: {\n primary: '#80cbc4',\n background: '#00251a',\n paper: '#012a4a'\n }\n}, {\n id: 'autumn',\n name: 'Autumn',\n light: {\n primary: '#bf360c',\n background: '#fff3e0',\n paper: '#ffe0b2'\n },\n dark: {\n primary: '#ff8a65',\n background: '#3e2723',\n paper: '#2a1a1a'\n }\n}, {\n id: 'cafe',\n name: 'Café Mocha',\n light: {\n primary: '#795548',\n background: '#f9f3ef',\n paper: '#f3ebe5'\n },\n dark: {\n primary: '#a1887f',\n background: '#2e1f1a',\n paper: '#1e1510'\n }\n}, {\n id: 'deepsea',\n name: 'Deep Sea',\n light: {\n primary: '#01579b',\n background: '#e1f1fa',\n paper: '#d4ebf6'\n },\n dark: {\n primary: '#0288d1',\n background: '#0b1e2b',\n paper: '#10222f'\n }\n}, {\n id: 'forest',\n name: 'Forest',\n light: {\n primary: '#2e7d32',\n background: '#eef5f0',\n paper: '#e6f2eb'\n },\n dark: {\n primary: '#4caf50',\n background: '#1a2a1a',\n paper: '#111f11'\n }\n}, {\n id: 'glacier',\n name: 'Glacier',\n light: {\n primary: '#00acc1',\n background: '#e0f7fa',\n paper: '#d1eef2'\n },\n dark: {\n primary: '#4dd0e1',\n background: '#0d2b2f',\n paper: '#112a2d'\n }\n}, {\n id: 'inkblue',\n name: 'Ink Blue',\n light: {\n primary: '#3f51b5',\n background: '#e8eaf6',\n paper: '#dee1f3'\n },\n dark: {\n primary: '#7986cb',\n background: '#1a1c2b',\n paper: '#121522'\n }\n}, {\n id: 'inkstone',\n name: 'Inkstone',\n light: {\n primary: '#37474f',\n background: '#f3f6f8',\n paper: '#e6ebee'\n },\n dark: {\n primary: '#90a4ae',\n background: '#1c1f22',\n paper: '#121518'\n }\n}, {\n id: 'lavender',\n name: 'Lavender',\n light: {\n primary: '#9c27b0',\n background: '#f5ecfb',\n paper: '#f1e3f8'\n },\n dark: {\n primary: '#ba68c8',\n background: '#2a1a2f',\n paper: '#1c1023'\n }\n}, {\n id: 'moss',\n name: 'Moss',\n light: {\n primary: '#558b2f',\n background: '#eef5e4',\n paper: '#e2efdc'\n },\n dark: {\n primary: '#9ccc65',\n background: '#1a2d1a',\n paper: '#152215'\n }\n}, {\n id: 'nightfox',\n name: 'Nightfox',\n light: {\n primary: '#546e7a',\n background: '#f0f4f8',\n paper: '#e6edf2'\n },\n dark: {\n primary: '#8faac2',\n background: '#0d1117',\n paper: '#161b22'\n }\n}, {\n id: 'ocean',\n name: 'Ocean',\n light: {\n primary: '#00838f',\n background: '#e0f4f7',\n paper: '#d6f0f2'\n },\n dark: {\n primary: '#00bcd4',\n background: '#1a2a2d',\n paper: '#111f22'\n }\n}, {\n id: 'rosequartz',\n name: 'Rose Quartz',\n light: {\n primary: '#e91e63',\n background: '#fce4ec',\n paper: '#f9dce7'\n },\n dark: {\n primary: '#f06292',\n background: '#2c1823',\n paper: '#1a0e15'\n }\n}, {\n id: 'sakura',\n name: 'Sakura',\n light: {\n primary: '#e65a67',\n background: '#fef1f2',\n paper: '#ffeef0'\n },\n dark: {\n primary: '#e65a67',\n background: '#2a1a1f',\n paper: '#1f1115'\n }\n}, {\n id: 'sandstone',\n name: 'Sandstone',\n light: {\n primary: '#c77966',\n background: '#fdf4ec',\n paper: '#f9eae0'\n },\n dark: {\n primary: '#e57373',\n background: '#3e2a25',\n paper: '#291b17'\n }\n}, {\n id: 'solarized',\n name: 'Solarized',\n light: {\n primary: '#268bd2',\n background: '#fdf6e3',\n paper: '#f4efdc'\n },\n dark: {\n primary: '#b58900',\n background: '#002b36',\n paper: '#073642'\n }\n}, {\n id: 'storm',\n name: 'Storm',\n light: {\n primary: '#455a64',\n background: '#e9edf0',\n paper: '#dde3e7'\n },\n dark: {\n primary: '#90a4ae',\n background: '#1e262b',\n paper: '#13191e'\n }\n}, {\n id: 'sunset',\n name: 'Sunset',\n light: {\n primary: '#d84315',\n background: '#fff1e6',\n paper: '#fde8dd'\n },\n dark: {\n primary: '#ff8a65',\n background: '#2c1e1a',\n paper: '#2a1a2f'\n }\n}, {\n id: 'tropical',\n name: 'Tropical',\n light: {\n primary: '#ef6c00',\n background: '#fff9e5',\n paper: '#fff0dd'\n },\n dark: {\n primary: '#ffb74d',\n background: '#3e2723',\n paper: '#00363a'\n }\n}, {\n id: 'wisteria',\n name: 'Wisteria',\n light: {\n primary: '#7e57c2',\n background: '#f3e5f5',\n paper: '#e9dcf0'\n },\n dark: {\n primary: '#9575cd',\n background: '#291b3a',\n paper: '#1b1027'\n }\n}];\n\n//# sourceURL=webpack://@mdts/frontend/./src/styles/themes.ts?\n}");
|
|
18435
|
+
|
|
18436
|
+
/***/ }),
|
|
18437
|
+
|
|
18416
18438
|
/***/ "?8f81":
|
|
18417
18439
|
/*!********************!*\
|
|
18418
18440
|
!*** fs (ignored) ***!
|
package/dist/frontend/index.html
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
<link rel="icon" href="/favicon.ico" />
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
7
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
|
|
8
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700&display=swap" />
|
|
8
9
|
<link rel="stylesheet" href="/markdown.css" />
|
|
9
10
|
<title>mdts - Markdown file viewer</title>
|
|
10
11
|
<script defer src="/bundle.js"></script></head>
|
|
@@ -4,8 +4,6 @@
|
|
|
4
4
|
--markdown-code-background-color: #f4f5f7;
|
|
5
5
|
--markdown-blockquote-color: rgba(0, 0, 0, .24);
|
|
6
6
|
--markdown-link-color: #1976d2;
|
|
7
|
-
--markdown-font-family: Roboto;
|
|
8
|
-
--markdown-monospace-font-family: monospace;
|
|
9
7
|
}
|
|
10
8
|
|
|
11
9
|
[data-theme="dark"] {
|
|
@@ -16,7 +14,6 @@
|
|
|
16
14
|
}
|
|
17
15
|
|
|
18
16
|
.markdown-body {
|
|
19
|
-
font-family: var(--markdown-font-family);
|
|
20
17
|
h1 {
|
|
21
18
|
margin: 48px 0 24px;
|
|
22
19
|
padding-bottom: 16px;
|
|
@@ -105,20 +102,28 @@
|
|
|
105
102
|
}
|
|
106
103
|
|
|
107
104
|
pre {
|
|
108
|
-
padding:
|
|
105
|
+
padding: 0;
|
|
109
106
|
overflow: auto;
|
|
110
107
|
font-size: 0.875rem;
|
|
111
|
-
|
|
112
|
-
font-family: var(--markdown-monospace-font-family);
|
|
108
|
+
border-radius: 4px;
|
|
113
109
|
|
|
114
110
|
code {
|
|
115
|
-
|
|
111
|
+
width: 100%;
|
|
112
|
+
margin: 0;
|
|
113
|
+
padding: 16px;
|
|
116
114
|
font-size: 0.875rem;
|
|
115
|
+
line-height: 1.8;
|
|
117
116
|
word-break: normal;
|
|
118
117
|
white-space: pre;
|
|
119
118
|
background: transparent;
|
|
120
119
|
border: 0;
|
|
121
120
|
}
|
|
121
|
+
|
|
122
|
+
.syntax-highlighter {
|
|
123
|
+
code {
|
|
124
|
+
padding: 0;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
122
127
|
}
|
|
123
128
|
|
|
124
129
|
pre:has(.syntax-highlighter) {
|
|
@@ -131,9 +136,7 @@
|
|
|
131
136
|
padding: .1em .6em;
|
|
132
137
|
margin: 0;
|
|
133
138
|
font-size: 0.8em;
|
|
134
|
-
background-color: var(--markdown-code-background-color);
|
|
135
139
|
border-radius: 2px;
|
|
136
|
-
font-family: var(--markdown-monospace-font-family);
|
|
137
140
|
}
|
|
138
141
|
|
|
139
142
|
blockquote {
|
package/dist/server/config.js
CHANGED
|
@@ -9,8 +9,10 @@ const path_1 = __importDefault(require("path"));
|
|
|
9
9
|
const os_1 = __importDefault(require("os"));
|
|
10
10
|
const defaultConfig = {
|
|
11
11
|
fontFamily: 'Roboto',
|
|
12
|
-
fontFamilyMonospace: '
|
|
12
|
+
fontFamilyMonospace: 'Roboto Mono',
|
|
13
13
|
fontSize: 16,
|
|
14
|
+
theme: 'default',
|
|
15
|
+
syntaxHighlighterTheme: 'auto',
|
|
14
16
|
};
|
|
15
17
|
const configPath = path_1.default.join(os_1.default.homedir(), '.config', 'mdts', 'config.json');
|
|
16
18
|
const getConfig = () => {
|