refactor: Use librechat-data-provider app-wide 🔄 (#1326)

* chore: bump vite, vitejs/plugin-react, mark client package as esm, move react-query as a peer dep in data-provider

* chore: import changes due to new data-provider export strategy, also fix type imports where applicable

* chore: export react-query services as separate to avoid react dependencies in /api/

* chore: suppress sourcemap warnings and polyfill node:path which is used by filenamify
TODO: replace filenamify with an alternative and REMOVE polyfill

* chore: /api/ changes to support `librechat-data-provider`

* refactor: rewrite Dockerfile.multi in light of /api/ changes to support `librechat-data-provider`

* chore: remove volume mapping to node_modules directories in default compose file

* chore: remove schemas from /api/ as is no longer needed with use of `librechat-data-provider`

* fix(ci): jest `librechat-data-provider/react-query` module resolution

packages/data-provider/rollup.config.js

@@ -1,6 +1,38 @@
 import typescript from 'rollup-plugin-typescript2';
 import resolve from '@rollup/plugin-node-resolve';
 import pkg from './package.json';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import commonjs from '@rollup/plugin-commonjs';
+import replace from '@rollup/plugin-replace';
+import terser from '@rollup/plugin-terser';
+import generatePackageJson from 'rollup-plugin-generate-package-json';
+
+const plugins = [
+  peerDepsExternal(),
+  resolve(),
+  replace({
+    __IS_DEV__: process.env.NODE_ENV === 'development',
+  }),
+  commonjs(),
+  typescript({
+    tsconfig: './tsconfig.json',
+    useTsconfigDeclarationDir: true,
+  }),
+  terser(),
+];
+
+const subfolderPlugins = (folderName) => [
+  ...plugins,
+  generatePackageJson({
+    baseContents: {
+      name: `${pkg.name}/${folderName}`,
+      private: true,
+      main: '../index.js',
+      module: './index.es.js', // Adjust to match the output file
+      types: `../types/${folderName}/index.d.ts`, // Point to correct types file
+    },
+  }),
+];
 
 export default [
   {
@@ -9,10 +41,14 @@ export default [
       {
         file: pkg.main,
         format: 'cjs',
+        sourcemap: true,
+        exports: 'named',
       },
       {
         file: pkg.module,
         format: 'esm',
+        sourcemap: true,
+        exports: 'named',
       },
     ],
     ...{
@@ -20,12 +56,33 @@ export default [
         ...Object.keys(pkg.dependencies || {}),
         ...Object.keys(pkg.devDependencies || {}),
         ...Object.keys(pkg.peerDependencies || {}),
+        'react',
+        'react-dom',
       ],
       preserveSymlinks: true,
-      plugins: [
-        resolve(),
-        typescript({ useTsconfigDeclarationDir: true, tsconfig: './tsconfig.json' }),
-      ],
+      plugins,
     },
   },
+  // Separate bundle for react-query related part
+  {
+    input: 'src/react-query/index.ts',
+    output: [
+      {
+        file: 'dist/react-query/index.es.js',
+        format: 'esm',
+        exports: 'named',
+        sourcemap: true,
+      },
+    ],
+    external: [
+      ...Object.keys(pkg.dependencies || {}),
+      ...Object.keys(pkg.devDependencies || {}),
+      ...Object.keys(pkg.peerDependencies || {}),
+      'react',
+      'react-dom',
+      // 'librechat-data-provider', // Marking main part as external
+    ],
+    preserveSymlinks: true,
+    plugins: subfolderPlugins('react-query'),
+  },
 ];