mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-15 09:04:04 +02:00
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
import { PluginStates } from '@joplin/lib/services/plugins/reducer';
|
|
import { useCallback, useMemo } from 'react';
|
|
import { ResourceInfos } from './types';
|
|
import markupLanguageUtils from '../../../utils/markupLanguageUtils';
|
|
import Setting from '@joplin/lib/models/Setting';
|
|
|
|
const { themeStyle } = require('@joplin/lib/theme');
|
|
import Note from '@joplin/lib/models/Note';
|
|
|
|
interface HookDependencies {
|
|
themeId: number;
|
|
customCss: string;
|
|
plugins: PluginStates;
|
|
}
|
|
|
|
export interface MarkupToHtmlOptions {
|
|
replaceResourceInternalToExternalLinks?: boolean;
|
|
resourceInfos?: ResourceInfos;
|
|
contentMaxWidth?: number;
|
|
plugins?: Record<string, any>;
|
|
bodyOnly?: boolean;
|
|
}
|
|
|
|
export default function useMarkupToHtml(deps: HookDependencies) {
|
|
const { themeId, customCss, plugins } = deps;
|
|
|
|
const markupToHtml = useMemo(() => {
|
|
return markupLanguageUtils.newMarkupToHtml(deps.plugins, {
|
|
resourceBaseUrl: `file://${Setting.value('resourceDir')}/`,
|
|
customCss: customCss || '',
|
|
});
|
|
}, [plugins, customCss]);
|
|
|
|
return useCallback(async (markupLanguage: number, md: string, options: MarkupToHtmlOptions = null): Promise<any> => {
|
|
options = {
|
|
replaceResourceInternalToExternalLinks: false,
|
|
resourceInfos: {},
|
|
...options,
|
|
};
|
|
|
|
md = md || '';
|
|
|
|
const theme = themeStyle(themeId);
|
|
let resources = {};
|
|
|
|
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, Object.assign({}, {
|
|
codeTheme: theme.codeThemeCss,
|
|
resources: resources,
|
|
postMessageSyntax: 'ipcProxySendToHost',
|
|
splitted: true,
|
|
externalAssetsOnly: true,
|
|
}, options));
|
|
|
|
return result;
|
|
}, [themeId, customCss, markupToHtml]);
|
|
}
|