support attachments folder

This commit is contained in:
Jacky Zhao 2023-07-23 17:42:00 -07:00
parent 1feb4d07fa
commit 8679923607
4 changed files with 50 additions and 28 deletions

View File

@ -5,6 +5,8 @@ draft: true
## high priority ## high priority
- attachments path - attachments path
- inspect bundle size generated by esbuild (it shouldnt be that high)
- component resources should be emitted by an emitter
- https://help.obsidian.md/Editing+and+formatting/Tags#Nested+tags nested tags?? - https://help.obsidian.md/Editing+and+formatting/Tags#Nested+tags nested tags??
- watch mode for config/source code - watch mode for config/source code
- https://help.obsidian.md/Editing+and+formatting/Basic+formatting+syntax#Task+lists task list styling - https://help.obsidian.md/Editing+and+formatting/Basic+formatting+syntax#Task+lists task list styling

View File

@ -114,7 +114,7 @@ const config: QuartzConfig = {
enableSiteMap: true, enableSiteMap: true,
enableRSS: true, enableRSS: true,
}), }),
Plugin.Assets(), Plugin.Assets({ attachmentsFolder: "attachments" }),
Plugin.Static(), Plugin.Static(),
], ],
}, },

View File

@ -4,31 +4,52 @@ import { QuartzEmitterPlugin } from "../types"
import path from "path" import path from "path"
import fs from "fs" import fs from "fs"
export const Assets: QuartzEmitterPlugin = () => ({ interface Options {
name: "Assets", attachmentsFolder: string | null
getQuartzComponents() { }
return []
},
async emit({ argv }, _content, _resources, _emit): Promise<FilePath[]> {
// glob all non MD/MDX/HTML files in content folder and copy it over
const assetsPath = path.join(argv.output, "assets")
const fps: FilePath[] = [] const defaultOptions: Options = {
for await (const rawFp of globbyStream("**", { attachmentsFolder: null,
ignore: ["**/*.md"], }
cwd: argv.directory,
})) {
const fp = rawFp as FilePath
const ext = path.extname(fp)
const src = path.join(argv.directory, fp) as FilePath
const name = (slugifyFilePath(fp as FilePath) + ext) as FilePath
const dest = path.join(assetsPath, name) as FilePath
const dir = path.dirname(dest) as FilePath
await fs.promises.mkdir(dir, { recursive: true }) // ensure dir exists
await fs.promises.copyFile(src, dest)
fps.push(path.join("assets", fp) as FilePath)
}
return fps export const Assets: QuartzEmitterPlugin<Options> = (userOpts?: Options) => {
}, const { attachmentsFolder } = { ...defaultOptions, ...userOpts }
})
return {
name: "Assets",
getQuartzComponents() {
return []
},
async emit({ argv }, _content, _resources, _emit): Promise<FilePath[]> {
// glob all non MD/MDX/HTML files in content folder and copy it over
const assetsPath = path.join(argv.output, "assets")
const fps: FilePath[] = []
for await (const rawFp of globbyStream("**", {
ignore: ["**/*.md"],
cwd: argv.directory,
})) {
const fp = rawFp as FilePath
const ext = path.extname(fp)
const src = path.join(argv.directory, fp) as FilePath
let name = (slugifyFilePath(fp as FilePath) + ext) as FilePath
if (attachmentsFolder) {
const segments = name.split("/")
if (segments.at(-2) === attachmentsFolder) {
segments.splice(-2, 1)
name = segments.join("/") as FilePath
}
}
const dest = path.join(assetsPath, name) as FilePath
const dir = path.dirname(dest) as FilePath
await fs.promises.mkdir(dir, { recursive: true }) // ensure dir exists
await fs.promises.copyFile(src, dest)
fps.push(path.join("assets", fp) as FilePath)
}
return fps
},
}
}

View File

@ -86,7 +86,6 @@ function addGlobalPageResources(
export async function emitContent(ctx: BuildCtx, content: ProcessedContent[]) { export async function emitContent(ctx: BuildCtx, content: ProcessedContent[]) {
const { argv, cfg } = ctx const { argv, cfg } = ctx
const contentFolder = argv.directory
const perf = new PerfTimer() const perf = new PerfTimer()
const log = new QuartzLogger(ctx.argv.verbose) const log = new QuartzLogger(ctx.argv.verbose)