fix: plugin gfm build

closes #206

Author: pd4d10

package.json

@@ -20,9 +20,14 @@
     "singleQuote": true
   },
   "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "1.0.0-next.49",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/svelte": "^3.1.3",
     "@types/fs-extra": "^9.0.13",
     "@types/lodash-es": "^4.17.6",
+    "@types/resolve": "^1.20.2",
     "conventional-changelog-cli": "^2.2.2",
+    "decode-named-character-reference": "^1.0.2",
     "execa": "^6.1.0",
     "fast-glob": "^3.2.11",
     "fs-extra": "^10.1.0",
@@ -31,11 +36,16 @@
     "mustache": "^4.2.0",
     "prettier": "^2.6.2",
     "prettier-plugin-svelte": "^2.7.0",
+    "resolve": "^1.22.1",
     "sass": "^1.52.3",
     "sort-json": "^2.0.1",
     "sort-package-json": "^1.57.0",
+    "svelte": "^3.48.0",
+    "svelte-preprocess": "^4.10.7",
+    "svelte2tsx": "^0.5.10",
     "tsdv": "^0.4.0",
-    "typescript": "^4.7.3"
+    "typescript": "^4.7.3",
+    "vite": "^2.9.12"
   },
   "packageManager": "[email protected]",
   "bundlewatch": {

packages/bytemd/package.json

@@ -63,15 +63,6 @@
     "word-count": "^0.2.2"
   },
   "devDependencies": {
-    "@primer/css": "^15.2.0",
-    "@sveltejs/vite-plugin-svelte": "1.0.0-next.49",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/svelte": "^3.1.3",
-    "@types/resolve": "^1.20.2",
-    "decode-named-character-reference": "^1.0.2",
-    "resolve": "^1.22.1",
-    "svelte": "^3.48.0",
-    "svelte-preprocess": "^4.10.7",
-    "svelte2tsx": "^0.5.10"
+    "@primer/css": "^15.2.0"
   }
 }

packages/bytemd/scripts/post.mjs

@@ -3,7 +3,7 @@ import fs from 'fs-extra'
 import path from 'path'
 import { preprocess } from 'svelte/compiler'
 import glob from 'fast-glob'
-import { sveltePreprocessor } from '../tsdv.config.mjs'
+import { sveltePreprocessor } from '../../../scripts/build.mjs'
 import { execaCommand } from 'execa'
 
 //

packages/bytemd/tsdv.config.mjs

@@ -1,27 +1,7 @@
 // @ts-check
 import { defineConfig } from 'tsdv'
 import { svelte } from '@sveltejs/vite-plugin-svelte'
-import sveltePreprocess from 'svelte-preprocess'
-import resolve from 'resolve'
-
-export const sveltePreprocessor = sveltePreprocess({
-  typescript: true,
-  // https://github.com/sveltejs/svelte/issues/189#issuecomment-586142198
-  replace: [
-    [/(>)[\s]*([<{])/g, '$1$2'],
-    [/({[/:][a-z]+})[\s]*([<{])/g, '$1$2'],
-    [/({[#:][a-z]+ .+?})[\s]*([<{])/g, '$1$2'],
-    [/([>}])[\s]+(<|{[/#:][a-z][^}]*})/g, '$1$2'],
-  ],
-})
-
-const pkgName = 'decode-named-character-reference'
-
-export const alias = {
-  // do not resolve `browser` field to make it work at SSR
-  // https://github.com/vitejs/vite/issues/4405
-  [pkgName]: resolve.sync(pkgName),
-}
+import { alias, sveltePreprocessor } from '../../scripts/build.mjs'
 
 // nullish coalescing in es2020
 export default defineConfig({

packages/plugin-gfm/tsdv.config.ts

@@ -1,6 +1,10 @@
 import { defineConfig } from 'tsdv'
+import { alias } from '../../scripts/build.mjs'
 
 export default defineConfig({
   target: 'es2019',
   tsc: false,
+  vite: {
+    resolve: { alias },
+  },
 })

playground/package.json

@@ -21,11 +21,5 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
-  },
-  "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "1.0.0-next.49",
-    "svelte": "^3.48.0",
-    "svelte-preprocess": "^4.10.7",
-    "vite": "^2.9.12"
   }
 }