fix: Fix missed toc data for static-content

package.json

@@ -53,9 +53,8 @@
     ]
   },
   "dependencies": {
-    "@diplodoc/client": "^3.1.6",
+    "@diplodoc/client": "^3.1.8",
     "@diplodoc/translation": "^1.4.3",
-    "csp-header": "^5.2.1",
     "katex": "^0.16.9",
     "shelljs": "0.8.5",
     "threads": "1.7.0",
@@ -90,6 +89,7 @@
     "axios": "^1.6.7",
     "chalk": "^4.1.2",
     "commander": "^12.0.0",
+    "csp-header": "^5.2.1",
     "esbuild": "^0.23.1",
     "glob": "^8.0.3",
     "html-escaper": "^3.0.3",

src/pages/document.ts

@@ -7,7 +7,7 @@ import {
     DEFAULT_CSP_SETTINGS,
     RTL_LANGS,
 } from '../constants';
-import {LeadingPage, Resources, TextItems, VarsMetadata} from '../models';
+import {LeadingPage, Resources, TextItems, VarsMetadata, YfmToc} from '../models';
 import {ArgvService, PluginService} from '../services';
 import {getDepthPath} from '../utils';
 
@@ -26,16 +26,26 @@ export type Meta = TitleMeta &
         metadata: VarsMetadata;
     };
 
+type TocInfo = {
+    content: YfmToc;
+    path: string;
+};
+
 export function generateStaticMarkup(
     props: DocInnerProps<DocPageData>,
-    tocPath: string,
+    toc: TocInfo,
     title: string,
 ): string {
     /* @todo replace rest operator with proper unpacking */
     const {style, script, csp, metadata, ...restYamlConfigMeta} = (props.data.meta as Meta) || {};
     const resources = getResources({style, script});
 
     const {staticContent} = ArgvService.getConfig();
+    if (staticContent) {
+        // TODO: there shoul be two different types YfmToc and YfmProcessedToc
+        // @ts-ignore
+        props.data.toc = toc.content;
+    }
 
     const depth = props.router.depth;
     const html = staticContent ? render(props) : '';
@@ -71,7 +81,7 @@ export function generateStaticMarkup(
                    window.STATIC_CONTENT = ${staticContent}
                    window.__DATA__ = ${JSON.stringify(props)};
                 </script>
-                <script src="${tocPath + '.js'}" type="application/javascript"></script>
+                <script src="${toc.path + '.js'}" type="application/javascript"></script>
                 ${manifest.app.js
                     .map((url: string) => join(BUNDLE_FOLDER, url))
                     .map(

src/resolvers/md2html.ts

@@ -115,7 +115,11 @@ export async function resolveMd2HTML(options: ResolverOptions): Promise<DocInner
     const [tocDir, toc] = TocService.getForPath(inputPath) as [string, YfmToc];
 
     const title = getTitle(toc.title as string, props.data.title);
-    const outputFileContent = generateStaticMarkup(props, join(tocDir, 'toc'), title);
+    const tocInfo = {
+        content: toc,
+        path: join(tocDir, 'toc'),
+    };
+    const outputFileContent = generateStaticMarkup(props, tocInfo, title);
     writeFileSync(outputPath, outputFileContent);
     logger.info(inputPath, PROCESSING_FINISHED);
 

src/steps/processPages.ts

@@ -197,7 +197,7 @@ async function saveSinglePages() {
                 const singlePageDataFn = join(tocDir, SINGLE_PAGE_DATA_FILENAME);
                 const singlePageContent = generateStaticMarkup(
                     pageData,
-                    join(relativeTocDir, 'single-page-toc'),
+                    {path: join(relativeTocDir, 'single-page-toc'), content: toc},
                     (toc.title as string) || '',
                 );