svelte.config.js

import adapter from '@sveltejs/adapter-static';
import autoprefixer from 'autoprefixer';
import componentDocsPlugin from './bin/svelte-kit/plugins/component-docs/index.cjs';
import dsv from '@rollup/plugin-dsv';
import fs from 'fs-extra';
import { mdsvex } from 'mdsvex';
import mm from 'micromatch';
import svelteKitPagesPlugin from './bin/svelte-kit/plugins/svelte-kit-pages/index.cjs';
import sveltePreprocess from 'svelte-preprocess';
import url from 'url';

const getRootRelativePath = (homepageURL) => {
  if (!homepageURL) return '';
  const page = new url.URL(homepageURL);
  return homepageURL
    .replace(`${page.protocol}//${page.host}`, '')
    .replace(/\/$/, '');
};

const pkg = fs.readJSONSync(new URL('./package.json', import.meta.url));

process.env.VITE_DATELINE = new Date().toISOString();

export default {
  preprocess: [
    mdsvex(),
    sveltePreprocess({
      preserve: ['ld+json'],
      scss: {
        includePaths: ['src/', 'node_modules/bootstrap/scss/'],
        importer: [
          (url) => {
            // Redirect tilde-prefixed imports to node_modules
            if (/^~/.test(url))
              return { file: `node_modules/${url.replace('~', '')}` };
            return null;
          },
        ],
        quietDeps: true,
      },
      postcss: {
        plugins: [autoprefixer],
      },
    }),
  ],
  extensions: ['.svelte', '.svx'],
  kit: {
    appDir: 'app',
    paths: {
      assets:
        process.env.NODE_ENV === 'production' ? pkg.homepage + '/cdn' : '',
      base:
        process.env.NODE_ENV === 'production'
          ? getRootRelativePath(pkg.homepage)
          : '',
    },
    adapter: adapter({
      pages: 'docs',
      assets: 'docs/cdn',
      fallback: null,
      precompress: false,
    }),
    prerender: { default: true },
    trailingSlash: 'always',
    files: {
      assets: 'src/statics',
      lib: 'src/lib',
      routes: 'pages',
      template: 'src/template.html',
    },
    package: {
      dir: 'dist',
      emitTypes: false,
      exports: (filePath) => {
        return !mm.isMatch(filePath, [
          '.DS_Store',
          '_docs/**',
          'demos/**',
          '**/_*',
          '**/*.svx',
          '**/*.exclude.svelte',
        ]);
      },
      files: (filePath) => {
        return !mm.isMatch(filePath, [
          '_docs/**',
          'demos/**',
          '**/_*',
          '**/*.svx',
          '**/*.exclude.svelte',
        ]);
      },
    },
    vite: {
      build: { target: 'es2015' },
      server: {
        fs: {
          allow: ['.'],
        },
      },
      resolve: {
        alias: {
          $pkg: '/package.json',
          $locales: '/locales',
        },
      },
      optimizeDeps: {
        exclude: [
          'svelte-fa',
          '@reuters-graphics/style-theme-eisbaer',
          '@component-docs',
        ],
        include: ['lodash-es', 'pym.js'],
      },
      plugins: [dsv(), svelteKitPagesPlugin(), componentDocsPlugin()],
    },
  },
};