cleaned up rollup configs under vue

Author: yuhengshs

packages/vue/rollup.config.mjs

@@ -11,32 +11,10 @@ import path from 'path';
 // common config settings
 const input = ['src/index.ts'];
 const sourceMap = false;
-
-// Ensure styles are copied to the correct location
-const ensureStyles = () => {
-  return {
-    name: 'ensure-styles',
-    writeBundle() {
-      // Copy the primitive styles to the dist directory
-      const primitivesStylesPath = path.resolve('src/components/primitives/styles.css');
-      const destDir = path.resolve('dist/components/primitives');
-      
-      // Ensure the directory exists
-      fs.ensureDirSync(destDir);
-      
-      // Copy the CSS file
-      fs.copyFileSync(primitivesStylesPath, path.join(destDir, 'styles.css'));
-      
-      console.log('Primitive styles copied successfully');
-    }
-  };
-};
-
+const tsconfig = 'tsconfig.dist.json';
 const esmOutputDir = 'dist/esm';
 
-/**
- * @type {import('rollup').OutputOptions}
- */
+// Common output options
 const cjsOutput = {
   dir: 'dist',
   entryFileNames: '[name].cjs',
@@ -47,59 +25,48 @@ const cjsOutput = {
   exports: 'named'
 };
 
-// Vue plugin configuration - customized for full SFC compilation
-const vuePlugin = vue({
-  // Enable pre-processing of styles
-  preprocessStyles: true,
-  // Use custom compiler options
-  template: {
-    isProduction: true,
-    compilerOptions: {
-      whitespace: 'condense',
-      // Don't treat kebab-case components as custom elements
-      isCustomElement: tag => /^amplify-/.test(tag)
+// Common plugins
+const commonPlugins = [
+  externals({ include: [/node_modules/, /^@aws-amplify/] }),
+  nodeResolve({ extensions: ['.js', '.ts', '.vue', '.css'] }),
+  commonjs({ include: /node_modules/ }),
+  postcss({ extract: false, inject: false }),
+  vue({
+    preprocessStyles: true,
+    template: {
+      isProduction: true,
+      compilerOptions: {
+        whitespace: 'condense',
+        isCustomElement: tag => /^amplify-/.test(tag)
+      }
     }
+  })
+];
+
+// Ensure styles are copied
+const ensureStyles = () => ({
+  name: 'ensure-styles',
+  writeBundle() {
+    fs.ensureDirSync('dist/components/primitives');
+    fs.copyFileSync(
+      'src/components/primitives/styles.css',
+      'dist/components/primitives/styles.css'
+    );
   }
 });
 
-// External dependencies
-const externalDeps = [
-  'vue',
-  '@vueuse/core',
-  '@xstate/vue',
-  'xstate',
-  /^@aws-amplify/
-];
-
 const config = defineConfig([
   // CJS config
   {
     input,
     output: cjsOutput,
-    external: externalDeps,
     plugins: [
-      externals({ include: [/node_modules/, /^@aws-amplify/] }),
-      nodeResolve({
-        extensions: ['.js', '.ts', '.vue', '.css']
-      }),
-      commonjs({
-        include: /node_modules/
-      }),
-      postcss({
-        extract: false,
-        inject: false
-      }),
-      vuePlugin,
+      ...commonPlugins,
       typescript({
         check: false,
         useTsconfigDeclarationDir: true,
         tsconfigOverride: {
-          compilerOptions: {
-            sourceMap,
-            declaration: true,
-            declarationDir: 'dist',
-            rootDir: 'src',
-          },
+          compilerOptions: { sourceMap, declaration: true, declarationDir: 'dist', rootDir: 'src' },
           include: ['src/**/*'],
           exclude: ['node_modules', '**/__tests__/**', '**/*.test.*']
         }
@@ -117,36 +84,18 @@ const config = defineConfig([
       preserveModules: true,
       preserveModulesRoot: 'src'
     },
-    external: externalDeps,
     plugins: [
-      externals({ include: [/node_modules/, /^@aws-amplify/] }),
-      nodeResolve({
-        extensions: ['.js', '.ts', '.vue', '.css']
-      }),
-      commonjs({
-        include: /node_modules/
-      }),
-      postcss({
-        extract: false,
-        inject: false
-      }),
-      vuePlugin,
+      ...commonPlugins,
       typescript({
         check: false,
         tsconfigOverride: {
-          compilerOptions: {
-            sourceMap,
-            declaration: false,
-            rootDir: 'src',
-            outDir: esmOutputDir,
-          },
+          compilerOptions: { sourceMap, declaration: false, rootDir: 'src', outDir: esmOutputDir },
           include: ['src/**/*'],
           exclude: ['node_modules', '**/__tests__/**', '**/*.test.*']
         }
-      }),
+      })
     ],
   },
 ]);
 
 export default config;
-