What is this?
mdsvex is a Markdown preprocessor for Svelte — it lets you write Markdown inside Svelte projects and turns it into Svelte components at build time.
mdsvex is a Markdown preprocessor for Svelte — it lets you write Markdown inside Svelte projects and turns it into Svelte components at build time.Is this a library I add to my Svelte project, or a separate app I run?It's a library: you add the mdsvex package to a Svelte project and hook it into the build step as a preprocessor — there's no standalone app to run.
It's a library: you add the mdsvex package to a Svelte project and hook it into the build step as a preprocessor — there's no standalone app to run.How do I get it into a project?Install the mdsvex package from npm as a dev dependency and register it as a preprocessor in your Svelte config; the docs site mdsvex.com has the full setup guide.
Install the mdsvex package from npm as a dev dependency and register it as a preprocessor in your Svelte config; the docs site mdsvex.com has the full setup guide.I'm building a blog or content site with Svelte — what does this give me?You write your content in Markdown while still using Svelte components in the same project; mdsvex compiles the Markdown as part of the build, which is the typical setup for Svelte blogs.
You write your content in Markdown while still using Svelte components in the same project; mdsvex compiles the Markdown as part of the build, which is the typical setup for Svelte blogs.What's inside the repo besides mdsvex itself?It's a monorepo: alongside mdsvex there's a documentation site, svelte-parse (turns Svelte components into a svast AST), svast (an AST specification with TypeScript definitions), svast-stringify (turns a svast AST back into a Svelte component) and svast-utils.
It's a monorepo: alongside mdsvex there's a documentation site, svelte-parse (turns Svelte components into a svast AST), svast (an AST specification with TypeScript definitions), svast-stringify (turns a svast AST back into a Svelte component) and svast-utils.What is svast?An AST specification with accompanying TypeScript definitions. The supporting packages are built around it: svelte-parse generates a svast tree from Svelte components, and svast-stringify converts such a tree back into a Svelte component.
An AST specification with accompanying TypeScript definitions. The supporting packages are built around it: svelte-parse generates a svast tree from Svelte components, and svast-stringify converts such a tree back into a Svelte component.Do I need to understand compilers or ASTs to use it?No — svast, svelte-parse, svast-stringify and svast-utils are supporting packages behind the scenes; as a user you just add the mdsvex preprocessor to your project and write Markdown.
No — svast, svelte-parse, svast-stringify and svast-utils are supporting packages behind the scenes; as a user you just add the mdsvex preprocessor to your project and write Markdown.Which topics is it in?blogging, ast, blog, parser, svelte, compiler, monorepo, javascript-library, documentation, markdown, web-development, npm
blogging, ast, blog, parser, svelte, compiler, monorepo, javascript-library, documentation, markdown, web-development, npm