chore: 🤖 rollup jsx files

Author: Saul-Mirone

Diff for: dev/src/vite.ts

@@ -9,8 +9,6 @@ import globalPackageJson from '../../package.json' with { type: 'json' }
 
 const external = [/@milkdown/]
 
-const libFileName = (format: string) => `index.${format}.js`
-
 function isObject(item: unknown): item is Record<string, unknown> {
   return Boolean(item && typeof item === 'object' && !Array.isArray(item))
 }
@@ -53,7 +51,7 @@ function viteBuild(path: string, options: BuildOptions = {}): BuildOptions {
       lib: {
         entry: resolve(dir, 'src', 'index.ts'),
         name: `milkdown_${packageDirName}`,
-        fileName: libFileName,
+        fileName: 'index',
         formats: ['es'],
       },
       rollupOptions: {

Diff for: packages/components/package.json

@@ -97,6 +97,9 @@
     "lib",
     "src"
   ],
+  "scripts": {
+    "build": "rollup -c"
+  },
   "peerDependencies": {
     "@codemirror/language": "^6",
     "@codemirror/state": "^6",

Diff for: packages/components/rollup.config.js

@@ -0,0 +1,68 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import commonjs from '@rollup/plugin-commonjs'
+import json from '@rollup/plugin-json'
+import resolve from '@rollup/plugin-node-resolve'
+import esbuild from 'rollup-plugin-esbuild'
+
+import pkg from './package.json' with { type: 'json' }
+
+const external = [
+  ...Object.keys(pkg.dependencies),
+  ...Object.keys(pkg.peerDependencies || {}),
+  /@milkdown\/prose/,
+]
+
+const main = [
+  {
+    input: './src/index.ts',
+    output: {
+      file: 'lib/index.js',
+      format: 'esm',
+      sourcemap: true,
+    },
+    external,
+    plugins: [
+      resolve({ browser: true }),
+      json(),
+      commonjs(),
+      esbuild({
+        target: 'es6',
+      }),
+    ],
+  },
+]
+
+function componentModule(name) {
+  const input = `./src/${name}/index.ts`
+  return [
+    {
+      input,
+      output: {
+        file: `lib/${name}/index.js`,
+        format: 'esm',
+        sourcemap: true,
+      },
+      external,
+      plugins: [
+        resolve({ browser: true }),
+        json(),
+        commonjs(),
+        esbuild({
+          target: 'es6',
+        }),
+      ],
+    },
+  ]
+}
+
+const filename = fileURLToPath(import.meta.url)
+const dirname = path.dirname(filename)
+const dirs = fs.readdirSync(path.resolve(dirname, './src'))
+
+export default () =>
+  dirs
+    .filter((x) => x !== '__internal__' && !x.includes('index'))
+    .flatMap(componentModule)
+    .concat(main)

Diff for: packages/components/tsconfig.json

@@ -5,6 +5,7 @@
     "jsxFactory": "h",
     "jsxFragmentFactory": "Fragment",
     "jsxImportSource": "vue",
+    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "lib",
     "tsBuildInfoFile": "./lib/tsconfig.tsbuildinfo"

Diff for: packages/exception/vite.config.ts

@@ -30,6 +30,9 @@
       }
     }
   },
+  "scripts": {
+    "build": "vite build"
+  },
   "files": [
     "lib",
     "src"

Diff for: packages/integrations/react/package.json

@@ -4,6 +4,7 @@
     "jsx": "react",
     "rootDir": "src",
     "outDir": "lib",
+    "emitDeclarationOnly": true,
     "tsBuildInfoFile": "./lib/tsconfig.tsbuildinfo"
   },
   "include": ["src"],

Diff for: packages/integrations/react/tsconfig.json

@@ -30,6 +30,9 @@
       }
     }
   },
+  "scripts": {
+    "build": "vite build"
+  },
   "files": [
     "lib",
     "src"

Diff for: packages/ctx/vite.config.ts renamed to packages/integrations/react/vite.config.ts

@@ -1,12 +1,11 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
+    "jsx": "react-jsx",
+    "jsxImportSource": "vue",
+    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "lib",
-    "jsxImportSource": "vue",
     "tsBuildInfoFile": "./lib/tsconfig.tsbuildinfo"
   },
   "include": ["src"],

Diff for: packages/integrations/vue/package.json

@@ -0,0 +1,10 @@
+import { pluginViteConfig } from '@milkdown/dev/vite'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+export default pluginViteConfig(import.meta.url, {
+  plugins: [vueJsx()],
+  esbuild: {
+    jsxFactory: 'h',
+    jsxFragment: 'Fragment',
+  },
+})

Diff for: packages/integrations/vue/tsconfig.json

@@ -17,12 +17,12 @@
   },
   "main": "./src/index.ts",
   "publishConfig": {
-    "main": "./lib/index.es.js",
+    "main": "./lib/index.js",
     "types": "./lib/index.d.ts",
     "exports": {
       ".": {
         "types": "./lib/index.d.ts",
-        "import": "./lib/index.es.js"
+        "import": "./lib/index.js"
       },
       "./style.css": "./lib/style.css"
     }