svelte.config.js

import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';
import { mdsvex } from 'mdsvex';
import mm from 'micromatch';
import { readFileSync } from 'fs';
import shiki from 'shiki';

const dev = process.env.NODE_ENV === 'development';

let highlighter;

/** @type {import('@sveltejs/kit').Config} */
const config = {
  preprocess: [
    preprocess(),
    mdsvex({
      extensions: ['.md'],
      highlight: {
        highlighter: async (code, lang) => {
          if (!highlighter) {
            highlighter = await shiki.getHighlighter({
              theme: 'dracula-soft',
            });
          }

          return escape_svelty(highlighter.codeToHtml(code, { lang }));
        },
      },
    }),
  ],
  kit: {
    paths: {
      assets: 'https://lihautan.com/svelte-json-tree',
      base: dev ? '' : '/svelte-json-tree',
    },
    adapter: adapter({
      pages: 'docs',
      assets: 'docs',
      fallback: null,
    }),
    package: {
      files: mm.matcher('!doc-components/**/*'),
    },
    prerender: {
      default: true,
      entries: ['*'],
      crawl: false,
    },
  },
  extensions: ['.svelte', '.md'],
};

export default config;

function escape_svelty(str) {
  return str.replace(/[{}`]/g, (c) => ({ '{': '{', '}': '}', '`': '`' }[c])).replace(/\\([trn])/g, '\$1');
}