114 lines
3.4 KiB
TypeScript
114 lines
3.4 KiB
TypeScript
import { sveltekit } from "@sveltejs/kit/vite";
|
|
import { defineConfig } from "vite";
|
|
import { ViteImageOptimizer } from "vite-plugin-image-optimizer";
|
|
import dynamicImport from 'vite-plugin-dynamic-import'
|
|
import typeAsJsonSchemaPlugin from "rollup-plugin-type-as-json-schema";
|
|
// import dynamicImportVars from '@rollup/plugin-dynamic-import-vars';
|
|
import path from "node:path";
|
|
import { mdsvex } from 'mdsvex';
|
|
import mdsvexConfig from "./mdsvex.config.js";
|
|
import { extname } from 'node:path';
|
|
|
|
import { thumbHash } from 'vite-plugin-thumbhash'
|
|
// import { imagetools } from 'vite-imagetools'
|
|
|
|
function mdsvex_transform() {
|
|
return {
|
|
name: "Mdsvex transformer",
|
|
async transform(code: string, id: string) {
|
|
if (extname(id) !== ".md") return;
|
|
|
|
const c = (
|
|
await mdsvex(mdsvexConfig).markup({ content: code, filename: id })
|
|
)?.code;
|
|
return c;
|
|
// return `export default \`${c.replace(/`/g, "\\`").trim()}\`;`;
|
|
}
|
|
};
|
|
}
|
|
// export const blurRE = /(\?|&)blurhash(?:&|$)/
|
|
// function blurhash_transform() {
|
|
// return {
|
|
// name: "blurhash transformer",
|
|
// async transform(code: string, id: string) {
|
|
// if (!blurRE.test(id)) return;
|
|
// console.log(id.includes("blurhash"), id)
|
|
// return code;
|
|
// // return `export default \`${c.replace(/`/g, "\\`").trim()}\`;`;
|
|
// }
|
|
// };
|
|
// }
|
|
const fallback: {[key: string]: string} = {
|
|
'.avif': 'png',
|
|
'.gif': 'gif',
|
|
'.heif': 'jpg',
|
|
'.jpeg': 'jpg',
|
|
'.jpg': 'jpg',
|
|
'.png': 'png',
|
|
'.tiff': 'jpg',
|
|
'.webp': 'png'
|
|
};
|
|
|
|
export default defineConfig({
|
|
resolve: {
|
|
alias: {
|
|
"Notes": path.join(__dirname, "node_modules/Notes")
|
|
}
|
|
},
|
|
plugins: [
|
|
// blurhash_transform(),
|
|
typeAsJsonSchemaPlugin(),
|
|
ViteImageOptimizer({
|
|
/* pass your config */
|
|
}),
|
|
// imagetools({
|
|
// namedExports: false,
|
|
// defaultDirectives: async (url, metadata) => {
|
|
// console.log("vite", url)
|
|
// // if (!url.searchParams.has('svex-enhanced')) return new URLSearchParams();
|
|
|
|
// // const img_width = url.searchParams.get('imgWidth');
|
|
// // const width = img_width ? parseInt(img_width) : (await metadata()).width;
|
|
// // if (!width) {
|
|
// // console.warn(`Could not determine width of image ${url.href}`);
|
|
// return new URLSearchParams();
|
|
// // }
|
|
|
|
// // return new URLSearchParams({
|
|
// // 'metadata': '',
|
|
// // // format: `avif;webp;${fallback[path.extname(url.href)] ?? 'png'}`
|
|
// // });
|
|
// },
|
|
// }),
|
|
// mdsvex_transform(),
|
|
sveltekit(),
|
|
dynamicImport({
|
|
|
|
filter(id) {
|
|
if (id.includes('node_modules/Notes')) {
|
|
return true
|
|
}
|
|
}
|
|
}),
|
|
thumbHash(),
|
|
// dynamicImportVars({
|
|
// // options
|
|
// })
|
|
|
|
],
|
|
build: {
|
|
assetsInlineLimit: 0,
|
|
},
|
|
optimizeDeps: {
|
|
exclude: [
|
|
"codemirror",
|
|
// "@codemirror/lang-javascript",
|
|
// "@codemirror/state",
|
|
// "@codemirror/lint",
|
|
// "@codemirror/autocomplete",
|
|
// "@codemirror/language",
|
|
// "thememirror"
|
|
/* ... */
|
|
],
|
|
},
|
|
});
|