Refine config

Author: jperals

package.json

@@ -37,7 +37,7 @@
     "build:themeable": "node scripts/themeable-source",
     "build:pages:vite": "vite build",
     "build:pages:tsc": "tsc -p pages/tsconfig.json",
-    "build:pages:lib": "vite build -c vite.config.pages.mjs"
+    "build:pages:lib": "vite build -c vite.config.dev-pages.mjs && cp pages/index.html lib/dev-pages"
   },
   "exports": {
     ".": "./index.js",

vite.config.pages.mjs vite.config.dev-pages.mjsvite.config.pages.mjs renamed to vite.config.dev-pages.mjs

@@ -8,14 +8,19 @@ import { defineConfig } from "vite";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
-const chatComponentsPath = fileURLToPath(new URL("lib/components", import.meta.url));
+const chatComponentsPath = resolve(__dirname, "lib/components");
 
 const globalPackages = {
+  react: "React",
+  "react-dom": "ReactDOM",
+  "react/jsx-runtime": "jsxRuntime",
   "@cloudscape-design/components": "components",
   "@cloudscape-design/global-styles": "globalStyles",
   "@cloudscape-design/component-toolkit": "componentToolkit",
 };
 
+const globals = { [chatComponentsPath]: "chatComponents", ...globalPackages };
+
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react({ fastRefresh: false })],
@@ -34,7 +39,7 @@ export default defineConfig({
     rollupOptions: {
       external: [chatComponentsPath, ...Object.keys(globalPackages)],
       output: {
-        globals: { [chatComponentsPath]: "chatComponents", ...globalPackages },
+        globals,
       },
     },
   },