fix: add mdsvex and more as builtin plugins

Author: jakobrosenberg

lib/plugins/mdsvex/index.js

@@ -0,0 +1,34 @@
+import { mdsvex } from 'mdsvex'
+const extension = ['.md', '.svx', '.svelte']
+
+/** @type {import('roxi')['RoxiPlugin']} */
+module.exports.default = {
+  name: 'mdsvex',
+  hooks: [
+    {
+      event: 'start',
+      action: app => app.config.mdsvex = {}, //provide an mdsvex object for developers to modify
+    },
+    {
+      event: 'before:bundle',
+      action: (app, params) => {
+        app.merge({
+          config: {
+            svelte: {
+              preprocess: [
+                mdsvex({
+                  ...app.config.mdsvex,
+                  ...params
+                })
+              ],
+              extensions: params.extension
+                || app.config.svelte.extensions
+                || app.config.mdsvex.extension
+                || extension
+            }
+          }
+        })
+      }
+    }
+  ]
+}

lib/plugins/mdsvex/options.js

@@ -0,0 +1,10 @@
+module.exports.default = [
+    {
+        type: 'multiSelect',
+        name: 'extensions',
+        message: 'Comma separated extensions to use for markdown',
+        hint: 'More extensions can be added in _roxi/roxi.config.yaml',
+        initial: ['.md', '.svx'],
+        choices: ['.md', '.svx']        
+    }
+]

lib/plugins/postcss/index.js

@@ -0,0 +1,47 @@
+export default {
+  dependencies: {
+    'preprocess': () => import('../preprocess')
+  },
+  hooks: [
+    {
+      event: 'start',
+      action: async (app, params) => {
+        app.merge({
+          config: {
+            postcss: {
+              plugins: []
+            }
+          }
+        })
+      }
+    },
+    {
+      event: 'before:bundle',
+      action: async (app, params) => {
+        const postcss = (await import('rollup-plugin-postcss')).default
+        const autoPreprocess = (await import('svelte-preprocess')).default
+        const postcssImport = (await import('postcss-import')).default
+        const postcssCfg = { plugins: [postcssImport()] }
+
+        app.merge({
+          config: {
+            rollup: {
+              plugins: [
+                postcss(postcssCfg)
+              ]
+            },
+            svelte: {
+              preprocess: [
+                autoPreprocess({
+                  postcss: postcssCfg,
+                  defaults: { style: 'postcss' }
+                })
+              ]
+            }
+          }
+        })
+      }
+    }
+  ]
+}
+

lib/plugins/preprocess/index.js

@@ -0,0 +1,24 @@
+export default {
+  hooks: [
+    {
+      condition: 'start',
+      action: app => app.config.autoPreprocess = {}
+    },
+    {
+      condition: 'before:bundle',
+      action: async (app, params) => {
+        const autoPreprocess = (await import('svelte-preprocess')).default
+
+        app.merge({
+          config: {
+            svelte: {
+              preprocess: [
+                autoPreprocess(app.config.autoPreprocess)
+              ]
+            }
+          }
+        })
+      }
+    }
+  ]
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "roxi",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "The framework that gets your rocks off",
   "bin": "lib/cli.js",
   "main": "roxi.js",
@@ -31,6 +31,7 @@
     "express": "^4.17.1",
     "fs-extra": "^9.0.1",
     "jsondiffpatch": "^0.4.1",
+    "mdsvex": "^0.8.8",
     "node-html-parser": "^1.2.20",
     "nollup": "^0.13.11",
     "ora": "^4.0.4",
@@ -43,6 +44,7 @@
     "spassr": "^2.0.0",
     "svelte": "^3.23.2",
     "svelte-hmr": "^0.10.2",
+    "svelte-preprocess": "^4.3.1",
     "svite": "^0.5.0",
     "terminal-link": "^2.1.1",
     "tree-kill": "^1.2.2",