mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-24 10:27:10 +02:00
79 lines
2.6 KiB
TypeScript
79 lines
2.6 KiB
TypeScript
import { PluginStates } from '@joplin/lib/services/plugins/reducer';
|
|
import { useCallback, useMemo } from 'react';
|
|
import markupLanguageUtils from '../../../utils/markupLanguageUtils';
|
|
import Setting from '@joplin/lib/models/Setting';
|
|
import shim from '@joplin/lib/shim';
|
|
|
|
const { themeStyle } = require('@joplin/lib/theme');
|
|
import Note from '@joplin/lib/models/Note';
|
|
import { MarkupToHtmlOptions, ResourceInfos } from './types';
|
|
import { resourceFullPath } from '@joplin/lib/models/utils/resourceUtils';
|
|
|
|
interface HookDependencies {
|
|
themeId: number;
|
|
customCss: string;
|
|
plugins: PluginStates;
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
|
|
settingValue: (pluginId: string, key: string)=> any;
|
|
whiteBackgroundNoteRendering: boolean;
|
|
}
|
|
|
|
export default function useMarkupToHtml(deps: HookDependencies) {
|
|
const { themeId, customCss, plugins, whiteBackgroundNoteRendering } = deps;
|
|
|
|
const resourceBaseUrl = useMemo(() => {
|
|
return `joplin-content://note-viewer/${Setting.value('resourceDir')}/`;
|
|
}, []);
|
|
|
|
const markupToHtml = useMemo(() => {
|
|
return markupLanguageUtils.newMarkupToHtml(plugins, {
|
|
resourceBaseUrl,
|
|
customCss: customCss || '',
|
|
});
|
|
}, [plugins, customCss, resourceBaseUrl]);
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Old code before rule was applied
|
|
return useCallback(async (markupLanguage: number, md: string, options: MarkupToHtmlOptions = null): Promise<any> => {
|
|
options = {
|
|
replaceResourceInternalToExternalLinks: false,
|
|
resourceInfos: {},
|
|
platformName: shim.platformName(),
|
|
...options,
|
|
};
|
|
|
|
md = md || '';
|
|
|
|
const theme = themeStyle(themeId);
|
|
let resources: ResourceInfos = {};
|
|
|
|
if (options.replaceResourceInternalToExternalLinks) {
|
|
md = await Note.replaceResourceInternalToExternalLinks(md, { useAbsolutePaths: true });
|
|
} else {
|
|
resources = options.resourceInfos;
|
|
}
|
|
|
|
delete options.replaceResourceInternalToExternalLinks;
|
|
|
|
const result = await markupToHtml.render(markupLanguage, md, theme, {
|
|
codeTheme: theme.codeThemeCss,
|
|
resources: resources,
|
|
postMessageSyntax: 'ipcProxySendToHost',
|
|
splitted: true,
|
|
externalAssetsOnly: true,
|
|
codeHighlightCacheKey: 'useMarkupToHtml',
|
|
settingValue: deps.settingValue,
|
|
whiteBackgroundNoteRendering,
|
|
itemIdToUrl: (id: string, urlParameters = '') => {
|
|
if (!(id in resources) || !resources[id]) {
|
|
return null;
|
|
}
|
|
|
|
return resourceFullPath(resources[id].item, resourceBaseUrl) + urlParameters;
|
|
},
|
|
...options,
|
|
});
|
|
|
|
return result;
|
|
}, [themeId, markupToHtml, whiteBackgroundNoteRendering, resourceBaseUrl, deps.settingValue]);
|
|
}
|