56 lines
1.6 KiB
JavaScript
56 lines
1.6 KiB
JavaScript
import { ComponentParser } from 'sveld'
|
|
import * as svelte from 'svelte/compiler'
|
|
import fs from 'fs/promises'
|
|
import path from 'path'
|
|
import { preprocess } from '../src/package/config/svelte.config.js'
|
|
|
|
export default function sveld() {
|
|
return {
|
|
name: 'vite-plugin-sveld',
|
|
async transform(src, id) {
|
|
if (id.endsWith('?raw&sveld')) {
|
|
const raw = JSON.parse(src.split('export default ')[1])
|
|
|
|
const data = await parseRaw(raw, id)
|
|
|
|
return {
|
|
code: `export default ${JSON.stringify(data)}`,
|
|
map: null,
|
|
}
|
|
}
|
|
},
|
|
// This generates a `COMPONENT_API.json` with sveld in the `/_app` folder on build, which is used by the docs about components (only when built statically)
|
|
async buildStart() {
|
|
const output = {}
|
|
|
|
const componentFiles = await fs.readdir(path.resolve('./src/package/components'))
|
|
|
|
for (const fileName of componentFiles.filter((name) => name.endsWith('.svelte'))) {
|
|
const filePath = path.resolve('./src/package/components', fileName)
|
|
const raw = (await fs.readFile(filePath)).toString()
|
|
output[fileName] = await parseRaw(raw, filePath)
|
|
}
|
|
|
|
try {
|
|
await fs.mkdir(path.resolve('./src/generated'))
|
|
} catch {
|
|
// Do nothing, directory already exists
|
|
}
|
|
|
|
await fs.writeFile(path.resolve('./src/generated/COMPONENT_API.json'), JSON.stringify(output))
|
|
},
|
|
}
|
|
}
|
|
|
|
async function parseRaw(raw, filePath) {
|
|
let { code } = await svelte.preprocess(raw, preprocess, {
|
|
filename: filePath,
|
|
})
|
|
return new ComponentParser({
|
|
verbose: false,
|
|
}).parseSvelteComponent(code, {
|
|
filePath,
|
|
moduleName: filePath,
|
|
})
|
|
}
|